# DinoDig - small archeology site with dinosauruses in voxel style

**URL:** <https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874>\
**Category:** Showcase\
**Tags:** javascript, threejs, showcase\
**Created:** [April 8, 2026, 4:52pm UTC](https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874 "2026-04-08T16:52:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![shaman4d](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/shaman4d/32/53921_2.png) [@shaman4d](https://discourse.threejs.org/u/shaman4d)\
**Post date:** [April 8, 2026, 4:52pm UTC](https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874/1 "2026-04-08T16:52:30Z")

</div>

Hi creative people.

I dare to present you my first work I’ve made with threejs. It is small archeology site with some interactivity. I could say it is some sort of demo of possible portfolio demo 🙂 It was made in semi-voxel style. During its creation I’ve learned many things about how to work with 3d, assets and threejs.

 ![Screenshot_1](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/9/891ee3abd2c174dc0f7d806f2146a08c98dd4b90.jpeg)

 ![Screenshot_2](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/c/8c33baa1a203d60f03b5b01b56874d41f0995425.jpeg)

 ![Screenshot_3](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/0/a/0ab77e4f6c45fee81a48480cbc2aeb8b71c927f8.jpeg)

 ![Screenshot_4](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/5/5/559826e43c71963e0b42cc476da1237211d492c2.jpeg)

**Details:**

In this demo there are such things:

- WASD\arrows controls on desktop
- mobile joystick for mobile devices
- sounds with Howler
- switch between day and night
- baked textures
- program animations
- simple collision detect for walking

**Built with:**

- three js
- vanilla js
- gsap
- vite
- howler js

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [April 8, 2026, 6:25pm UTC](https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874/2 "2026-04-08T18:25:44Z")

</div>

Looks really nice, especially for a first Three.js project. The semi-voxel style gives it a lot of charm and keeps everything visually consistent. The day/night switch and little interactive details make the scene feel alive instead of just a static showcase.

Handling both desktop controls and a mobile joystick is a great touch too, a lot of demos skip that. Using baked textures along with simple collision is also a smart move for performance.

This could easily work as a solid portfolio piece. Adding a few more interactive or discoverable elements could make it even more engaging.

Nice work

---

<div class="post-metadata">

**Author:** ![David4](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/david4/32/67553_2.png) [@David4](https://discourse.threejs.org/u/David4)\
**Post date:** [April 8, 2026, 8:00pm UTC](https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874/3 "2026-04-08T20:00:15Z")

</div>

Looks cool.

---

<div class="post-metadata">

**Author:** ![David4](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/david4/32/67553_2.png) [@David4](https://discourse.threejs.org/u/David4)\
**Post date:** [April 8, 2026, 8:22pm UTC](https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874/4 "2026-04-08T20:22:07Z")

</div>

thanks for reply love.

---

<div class="post-metadata">

**Author:** ![David4](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/david4/32/67553_2.png) [@David4](https://discourse.threejs.org/u/David4)\
**Post date:** [April 8, 2026, 8:22pm UTC](https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874/5 "2026-04-08T20:22:27Z")

</div>

I want to show real site.