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
70
SmashingConf 2020
Avatar for vladikoff vladikoff
0
24
dotJS 2019 - Into WebAssembly
Avatar for vladikoff vladikoff
0
22
3D + the Web Platform
Avatar for vladikoff vladikoff
0
400
7 years of three.js
Avatar for vladikoff vladikoff
0
140
node.js @ GA 2015
Avatar for vladikoff vladikoff
0
460
JS Testing Stack - Full Stack Toronto 2014
Avatar for vladikoff vladikoff
1
820
Node.JS Intro - General Assembly
Avatar for vladikoff vladikoff
3
480
CSS Preprocessor Workflow with Grunt
Avatar for vladikoff vladikoff
3
2.7k

Other Decks in Technology

See All in Technology
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing
Avatar for HASEGAWA Tomoki tomzoh
2
380
AI Ready API ─ AI時代に求められるAPI設計とは？/ AI-Ready API - Designing MCP and APIs in the AI Era
Avatar for Yoichi Kawasaki yokawasa
20
5.8k
本当にわかりやすいAIエージェント入門
Avatar for segavvy segavvy
10
5.9k
20150719_Amazon Nova Canvas Virtual try-onアプリ 作成裏話
Avatar for Rika.I riz3f7
0
130
自分がLinc’wellで提供しているプロダクトを理解するためにやったこと
Avatar for bayashi murabayashi
1
160
手動からの解放！！Strands Agents で実現する総合テスト自動化
Avatar for 井手亮太 ideaws
2
290
なぜAI時代に 「イベント」を中心に考えるのか？ / Why focus on "events" in the age of AI?
Avatar for yuuki takezawa ytake
2
500
東京海上日動におけるセキュアな開発プロセスの取り組み
Avatar for miyabit miyabit
0
120
AWS Well-Architected から考えるオブザーバビリティの勘所 / Considering the Essentials of Observability from AWS Well-Architected
Avatar for SMS tech sms_tech
1
850
2025-07-25 NOT A HOTEL TECH TALK ━ スマートホーム開発の最前線 ━ SOFTWARE
Avatar for Yusuke Kuroiwa wakinchan
0
110
M365アカウント侵害時の初動対応
Avatar for LHazy lhazy
7
4.5k
SAE J1939シミュレーション環境構築
Avatar for okzkey daikiokazaki
0
140

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
710
Side Projects
Avatar for Sacha Greif sachag
455
43k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.5k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
282
13k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k

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