Upgrade to Pro — share decks privately, control downloads, hide ads and more …

3D Voxel Worlds with voxel.js

Avatar for vladikoff vladikoff
September 10, 2013
Technology
1
2k

3D Voxel Worlds with voxel.js

Avatar for vladikoff

vladikoff

September 10, 2013
Tweet

More Decks by vladikoff

See All by vladikoff
The state of end-to-end testing for modern web apps
Avatar for vladikoff vladikoff
0
83
SmashingConf 2020
Avatar for vladikoff vladikoff
0
34
dotJS 2019 - Into WebAssembly
Avatar for vladikoff vladikoff
0
24
3D + the Web Platform
Avatar for vladikoff vladikoff
0
420
7 years of three.js
Avatar for vladikoff vladikoff
0
150
node.js @ GA 2015
Avatar for vladikoff vladikoff
0
460
JS Testing Stack - Full Stack Toronto 2014
Avatar for vladikoff vladikoff
1
830
Node.JS Intro - General Assembly
Avatar for vladikoff vladikoff
3
490
CSS Preprocessor Workflow with Grunt
Avatar for vladikoff vladikoff
3
2.7k

Other Decks in Technology

See All in Technology
あの夜、私たちは「人間」に戻った。 ── 災害ユートピア、贈与、そしてアジャイルの再構築 / 20260108 Hiromitsu Akiba
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
380
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.4k
ECS_EKS以外の選択肢_ROSA入門_.pdf
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
120
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
Java 25に至る道
Avatar for Yuichi.Sakuraba skrb
3
140
戰略轉變：從建構 AI 代理人到發展可擴展的技能生態系統
Avatar for Bo-Yi Wu appleboy
0
180
ESXi のAIOps だ！2025冬
Avatar for Unno Wataru unnowataru
0
470
AIと融ける人間の冒険
Avatar for pujisi pujisi
0
110
歴史から学ぶ、Goのメモリ管理基礎
Avatar for Takuto Nagami logica0419
10
2k
First-Principles-of-Scrum
Avatar for Kenji Hiranabe hiranabe
2
1.1k
『君の名は』と聞く君の名は。 / Your name, you who asks for mine.
Avatar for NTT docomo Business nttcom
1
140

Featured

See All Featured
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
51
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
45k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
0
25
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
27
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
72
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
1
220
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
65
35k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
110
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
110
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k

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