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

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
1
2.1k

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
85
SmashingConf 2020
Avatar for vladikoff vladikoff
0
36
dotJS 2019 - Into WebAssembly
Avatar for vladikoff vladikoff
0
28
3D + the Web Platform
Avatar for vladikoff vladikoff
0
430
7 years of three.js
Avatar for vladikoff vladikoff
0
150
node.js @ GA 2015
Avatar for vladikoff vladikoff
0
470
JS Testing Stack - Full Stack Toronto 2014
Avatar for vladikoff vladikoff
1
840
Node.JS Intro - General Assembly
Avatar for vladikoff vladikoff
3
500
CSS Preprocessor Workflow with Grunt
Avatar for vladikoff vladikoff
3
2.8k

Other Decks in Technology

See All in Technology
JAWSDAYS2026 [C02] 楽しく学ぼう！AWSとは？AWSの歴史 入門
Avatar for 平賀博司 hiragahh
0
160
JAWS Days 2026 楽しく学ぼう！ 認証認可 入門/20260307-jaws-days-novice-lane-auth
Avatar for opelab opelab
11
2.3k
Claude Code Skills 勉強会 (DevelersIO向けに調整済み) / claude code skills for devio
Avatar for MasahiroKawahara masahirokawahara
1
21k
JAWS DAYS 2026 ExaWizards_20260307
Avatar for ExaWizards exawizards
0
440
VPCエンドポイント意外とお金かかるなぁ。せや、共有したろ！
Avatar for tommy tommy0124
1
630
2026年もソフトウェアサプライチェーンのリスクに立ち向かうために / Product Security Square #3
Avatar for GMO Flatt Security flatt_security
1
530
DevOpsエージェントで実現する!！ AWS Well-Architected（W-A） を実現するシステム設計 / 20260307 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
850
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
16
410k
プラットフォームエンジニアリングはAI時代の開発者をどう救うのか
Avatar for Kazuto Kusama jacopen
6
3.5k
ガバメントクラウドにおけるAWSの長期継続割引について
Avatar for takeda_h takeda_h
2
310
JAWSDAYS2026_A-6_現場SEが語る 回せるセキュリティ運用～設計で可視化、AIで加速する「楽に回る」運用設計のコツ～
Avatar for s-hata shoki_hata
0
3k
AWSの資格って役に立つの？
Avatar for Hiroki Takatsuka tk3fftk
2
340

Featured

See All Featured
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
81
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
120
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
110
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
170
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
150
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
390
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
150
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
88
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k

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