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

3D Voxel Worlds with voxel.js

Avatar for vladikoff vladikoff
September 10, 2013
Technology
2.2k
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
46
3D + the Web Platform
Avatar for vladikoff vladikoff
0
490
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
AIがGISを代替する日：〜すべてをAIが創る時代に、私たちがFOSS4Gに関わる意味〜
Avatar for Yuji Kobayashi lehupa
0
200
ALBのLCU予約とトラフィックの波によるプロダクト理解 / Understanding ALB LCU and Traffic Spikes
Avatar for mito mito201
1
130
生き様としてのSRE
Avatar for Yutaro Sugai hokkai7go
1
150
新米を「売り越さない」、Aurora DSQLで作る在庫ゼロ死守の限定ドロップEC
Avatar for Yuuki Yamashita yama3133
0
140
[FECONF-2026] 신대륙을 향한 카카오페이증권 프론트엔드 항해기 (이주승)
Avatar for l1ghthouse l1ghthouse
0
360
外国人エンジニアがVueプロトタイプで仕様を合わせている話 / Vue Fes Japan 2026 LT
Avatar for Wan Noh eluwing
0
380
【Oracle AI SPOTLIGHT ウェビナー】事例から見る！なぜOCIが選ばれたのか ― AI時代のクラウド戦略を紐解く ―
Avatar for oracle4engineer oracle4engineer
PRO
1
150
(swiftc) NonCopyableとライフタイム修飾子
Avatar for Himeshi teamhimeh
0
170
Systems Manager AgentがインストールされたPCを紛失した時の対策を考えてみた
Avatar for amarelo_n24 amarelo_n24
1
110
re:Inventで、人生は変わったのか？ / growth-builders-hub-1-reinvent-2026
Avatar for 株式会社みずほ銀⾏ 情報数理⼯学研究所 デジタル技術開発部 mhrtech
2
230
ひとりで始めた AI駆動開発、チームに広げて何が変わったのか
Avatar for Kenichi Odo kenichiodo
1
210
re:Invent2026 事前勉強会 歴史と愉しみ方10分LT編
Avatar for T.Atsumi toshi_atsumi
0
100

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.4k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
600
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
59k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
550
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
510
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
530

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