How create website like needle.tools

🌵 Needle Engine
1

Hi, I’m web developer with some experience with 3d model and i really excited about Needle, it’s soo cool. but i don’t know how can i create full website with needle. is needle.tools open source ? is there any tutorial about how we can create website with it ? i know unity and front-end developing but i don’t know how create website like needle.tools

Original Post on Discord

by user 751115771786035273

2

Hi @aDev

It is basically pretty simple :slightly_smiling_face: You can use the new builtin SceneSwitcher component to export individual unity scenes as glb files that are loaded in and out by some input or another trigger (e.g. website scrolling). While the website itself is not open source all the tools are available (e.g. the websites uses a mixture of splines and css timeline tracks to move the camera and control some html elements, those are available via our modules repository)

I can try to gather some more information about it tomorrow.

3

Here are some links until then:

Modules with splines and css track: GitHub - needle-tools/needle-engine-modules

Sample scene to be released / polished for how to switch scenes with timeline, scrolling and no-code (see the last commit to find the correct Unity scene)

4

@marcel :cactus: Thank you for response. it’s a little complicate for me. cause i don’t have any idea how scrolling event intract with scene and … i’m really like needle and specialy needle website and It is very cool. i run the sample and open it in my browser but i can’t find any document about how brower scroll can interact with scene and …

by user 751115771786035273

5

This is how you can control a unity timeline with scrolling for example needle-engine-samples/package/Runtime/Scrollytelling/Needle.Samples.Scrollytelling~/ScrollTimeline_2.ts at main · needle-tools/needle-engine-samples · GitHub

6

Ahaaa ! so it’s all controll with js ! it’s so good

by user 751115771786035273

7

how load scene by scene ? in needle website, when we scroll down, then the new scene load, how it’s work ?

by user 751115771786035273

8

and another question, is it needle good for creating game ? or big project ? sorry for much question. i just excited about needle

by user 751115771786035273

9

Yes all code is written in typescript

10

Thats a sample, a better version of this is in the core engine (just add a scenes switcher component to any unity gameobject, you can inspect the source by clicking the blue link at the top of the component)

11

So far as I understand 1- i should create my scene 2- export as html 3- add my website html like header or footer …

by user 751115771786035273

12

right ?

by user 751115771786035273

13

We have template projects using vite or vuejs. You can use any framework you like tho

14

Checkout this video maybe if you havent already: https://youtu.be/3dB-d1Jo_Mk

15

Ok thank you alot !

by user 751115771786035273

16

is it good for creating game ? i want to create game for web, and I wanted to make it with unity

by user 751115771786035273

17

Checkout Discord

18

Or https://twitter.com/marcel_wiessler/status/1649736675826757632?t=8lVMgjQpzmc4GazWyNrZ_g&s=19 (not a full game but it will be a sample)

19

There is also a platformer sample: Needle Engine Samples

Not sure what type of game you want to make :wink: