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
75
SmashingConf 2020
Avatar for vladikoff vladikoff
0
26
dotJS 2019 - Into WebAssembly
Avatar for vladikoff vladikoff
0
24
3D + the Web Platform
Avatar for vladikoff vladikoff
0
410
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
クラウドとリアルの融合により、製造業はどう変わるのか？〜クラスメソッドの製造業への取組と共に〜
Avatar for 濱田孝治 hamadakoji
0
410
ハノーファーメッセ2025で見た生成AI活用ユースケース.pdf
Avatar for 濱田孝治 hamadakoji
1
450
現場の壁を乗り越えて、 「計装注入」が拓く オブザーバビリティ / Beyond the Field Barriers: Instrumentation Injection and the Future of Observability
Avatar for Kento Kimura aoto
PRO
1
340
Dylib Hijacking on macOS: Dead or Alive?
Avatar for Patrick Wardle patrickwardle
0
460
Dify on AWS 環境構築手順
Avatar for Hiroaki Yoshimura yosse95ai
0
120
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.8k
AIエージェントによる業務効率化への飽くなき挑戦 -AWS上の実開発事例から学んだ効果、現実そしてギャップ-
Avatar for Kiminori Yokoi nasuvitz
2
690
コンパウンド組織のCRE #cre_meetup
Avatar for LayerX layerx
PRO
1
260
HonoとJSXを使って管理画面をサクッと型安全に作ろう
Avatar for morimorikochan diggymo
0
170
AI AgentをLangflowでサクッと作って、1日働かせてみた！
Avatar for Yano-13 yano13
1
150
ヘンリー会社紹介資料（エンジニア向け） / company deck for engineer
Avatar for Henry, Inc. henryofficial
0
360
様々なファイルシステム
Avatar for Satoru Takeuchi sat
PRO
0
240

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
Visualization
Avatar for Eitan Lees eitanlees
149
16k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
658
61k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
640

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