Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

3D Voxel Worlds with voxel.js

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for vladikoff vladikoff
September 10, 2013
Technology
2.1k
1

3D Voxel Worlds with voxel.js

Avatar for vladikoff

vladikoff

September 10, 2013

More Decks by vladikoff

See All by vladikoff
The state of end-to-end testing for modern web apps
Avatar for vladikoff vladikoff
0
110
SmashingConf 2020
Avatar for vladikoff vladikoff
0
50
dotJS 2019 - Into WebAssembly
Avatar for vladikoff vladikoff
0
45
3D + the Web Platform
Avatar for vladikoff vladikoff
0
480
7 years of three.js
Avatar for vladikoff vladikoff
0
170
node.js @ GA 2015
Avatar for vladikoff vladikoff
0
500
JS Testing Stack - Full Stack Toronto 2014
Avatar for vladikoff vladikoff
1
870
Node.JS Intro - General Assembly
Avatar for vladikoff vladikoff
3
530
CSS Preprocessor Workflow with Grunt
Avatar for vladikoff vladikoff
3
2.8k

Other Decks in Technology

See All in Technology
遠藤な_めぐろLT #38 「社内のAI活用推進」@麻布台_20261009
Avatar for Naoya Endo endonanana
0
110
分析AIエージェントを育てる、動く環境を育てる
Avatar for Codatum codatum
1
920
freeeらしさをAIとともに作る / Creating the freee Experience with AI
Avatar for ymrl ymrl
0
220
SREでアラート疲れを 解決しよう！
Avatar for KairiM kairim0
1
220
生成AIと進める探索的データ分析（2026.10.03 第122回Tokyo.R勉強会）
Avatar for tatamiya tatamiya
2
1.5k
自作バイナリを動かす「入口」8選
Avatar for Takumi Sueda puhitaku
2
1.3k
転んだ話が背中を預ける理由になる / A_story_about_falling_down_gives_you_a_reason_to_watch_each_other_s_backs.pdf
Avatar for Pauli pauli
3
350
Cognition AI Japan - ウェビナー2_テストQA_運用監視
Avatar for Akira Shibata cogakira
0
130
メルペイ 会計システム概要と歴史
Avatar for mewuto mewuto
0
210
使いこなすために知っておきたい Azure SRE Agent アンチパターン
Avatar for Toru Makabe torumakabe
2
480
しろおびから始める！ログ活用の第一歩
Avatar for Shumei Ito shumei_ito
0
890
Snapshot Testing in Practice: Predictable and Reliable SwiftUI Views
Avatar for Felipe Espinoza fespinoza
0
190

Featured

See All Featured
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
10
1.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.6k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
390
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
710
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.2k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
400
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
310
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
2
410

Transcript

  1. 3D Worlds with voxel.js Vlad Filippov

  2. @vladikoff

  3. Rendering voxel worlds in web browsers

  4. github.com/voxel

  5. voxel?

  6. voxels!

  7. None

  8. Explore 3D worlds! - blockplot.com

  9. Explore GitHub in 3D - achiveroom.net

  10. voxelbuilder.com

  11. voxel.js plugins & components

  12. More examples at voxeljs.com

  13. Getting Started - creator.voxeljs.com

  14. Getting Started - Your Game! ⬢ git clone http://github.com/maxogden/voxel-hello-world ⬢

    cd voxel-hello-world ⬢ npm install ⬢ npm start ⬢ open your browser on http://localhost:8080

  15. Hello Voxel World!

  16. voxel-hello-world

  17. package.json

  18. beefy test.js:bundle.js browserify test.js > bundle.js

  19. None
  20. None

  21. voxel events

  22. voxel with three.js

  23. voxel.js & jQuery

  24. Into the real world!

  25. Into virtual reality with voxel-oculus Ship Model by @bigfootbro at

    http://www.planetminecraft.com/project/the-ray--a-minecraft-cruise-ship-finished-at-sea/

  26. Thank You! voxeljs.com