Needle
Needle
  • 96
  • 82 752
Deploying to Itch.io with Needle Engine
In this tutorial we're going to show you how to deploy your Needle projects to Itch.io!
See our documentation for further information:
engine.needle.tools/docs/deployment.html
Chapters:
00:00 - Intro
00:27 - Create new Project on Itch
00:40 - Deploy To Itch Component
00:55 - Upload on Itch.io
01:35 - Outro
Find us here:
Website: needle.tools/
Forum: forum.needle.tools/
Twitter: needletools
Instagram: needletools
Discord Server: discord.needle.tools/
Переглядів: 74

Відео

Deploying to Glitch with Needle Engine
Переглядів 6014 годин тому
In this tutorial we're going to show you how to deploy your Needle projects to Glitch! See our documentation for further information: engine.needle.tools/docs/deployment.html Chapters: 00:00 - Intro 00:34 - Deploy To Glitch Component 01:04 - Build & Deploy 01:22 - Outro Find us here: Website: needle.tools/ Forum: forum.needle.tools/ Twitter: needletools Instagram: need...
Getting started with WebXR in Unity using Needle Engine
Переглядів 26716 годин тому
In this tutorial we're going to show you how to make any scene WebXR ready using Needle Engine for Unity! See our WebXR Documentation: engine.needle.tools/docs/xr.html Chapters: 00:00 Intro 00:17 Setting up a Scene 00:39 Create XR Component 01:00 Browser View 01:10 AR View 01:40 VR View 02:20 Outro Find us here: Website: needle.tools/ Forum: forum.needle.tools/ Twitter: x.com/needletools Instag...
VisionOS: Hand and Pointer Inputs
Переглядів 267Місяць тому
Demonstration of hand tracking and transient pointers on VisionOS Transient pointers are a relatively new feature that uses eye-tracking for interacting with the scene. Both Meta Quest and Apple Vision Pro support transient pointers in WebXR. Watch the video to learn more. Timestamps: 00:00 Intro 00:05 Eye Tracking 02:15 Hand Tracking Samples: - Bow & Arrow Sample: engine.needle.tools/samples/b...
Needle Engine 3.36 - New Features Trailer: Vision OS, Automatic LODs & WebXR 2.0
Переглядів 1,3 тис.Місяць тому
This release comes with numerous new features on our path to providing the best foundations for the spatial web. We have rewritten our underlying WebXR support with ease of use and flexibility in mind, added a new cross-platform Menu component for quickly adding custom functionality to apps, and introduced a novel automatic mesh simplification and level of detail system. Needle Engine now suppo...
Getting started with Needle Engine for Blender - Beginner Tutorial | Needle
Переглядів 653Місяць тому
In this tutorial we're going to show you how to set up Needle Engine in Blender and how to export a 3D scene to the web! Our Getting Started guide: engine.needle.tools/docs/blender/ Chapters: 00:00 Intro 00:32 Download Needle Engine for Blender 00:50 Setting up a new Project 01:00 Installing the Needle Blender Add-on 01:22 Generating a new Project 01:48 Working in Blender with Needle Engine 02:...
Getting started with Needle Engine for Unity - Beginner Tutorial | Needle
Переглядів 1,2 тис.Місяць тому
In this tutorial we're going to show you how to set up Needle Engine in Unity and how to export an interactable 3D scene to the web! Our Getting Started guide: docs.needle.tools/getting-started Chapters: 00:00 - Intro 00:22 - Download Needle Engine for Unity 00:58 - Setting up a new Project 01:10 - Importing the Needle Package 01:27 - Setting up the Sandbox Sample Scene 02:23 - Generating a new...
5x Prices at the #MITRealityHack in Boston with a #WebXR project made with Needle Engine!
Переглядів 1994 місяці тому
5x Prices at the #MITRealityHack in Boston with a #WebXR project made with Needle Engine!
Interview: Needle meets Cartoonfun
Переглядів 2085 місяців тому
Interview: Needle meets Cartoonfun
Needle Engine Teaser
Переглядів 1,2 тис.7 місяців тому
Needle Engine Teaser
Audio Reactivity: Blender to threejs powered by Needle
Переглядів 7617 місяців тому
Audio Reactivity: Blender to threejs powered by Needle
Celebrating ONE YEAR Needle Engine #3dweb #webdev #threejs #webgl #webxr #ar #blender #unity
Переглядів 6808 місяців тому
Celebrating ONE YEAR Needle Engine #3dweb #webdev #threejs #webgl #webxr #ar #blender #unity
Asset Explorer - bridging the gaps between glTF and USD
Переглядів 4749 місяців тому
Asset Explorer - bridging the gaps between glTF and USD
Easily deploy three.js to github pages (with Needle)
Переглядів 1,6 тис.9 місяців тому
Easily deploy three.js to github pages (with Needle)
Needle Engine with #nextjs
Переглядів 75010 місяців тому
Needle Engine with #nextjs
Songs Of Cultures - Ukrainian songs
Переглядів 21111 місяців тому
Songs Of Cultures - Ukrainian songs
Handmade Stories - connect with loved ones over interactive puppetry #webxr
Переглядів 673Рік тому
Handmade Stories - connect with loved ones over interactive puppetry #webxr
Added a #threejs hotspots sample with Needle Engine
Переглядів 1,2 тис.Рік тому
Added a #threejs hotspots sample with Needle Engine
Easy #blender Components → #glTF extension data with #typescript
Переглядів 492Рік тому
Easy #blender Components → #glTF extension data with #typescript
#Unity EditorSync and #PostProcessing now available in Needle Engine
Переглядів 448Рік тому
#Unity EditorSync and #PostProcessing now available in Needle Engine
Live editing #threejs scene from #Unity
Переглядів 858Рік тому
Live editing #threejs scene from #Unity
Needle Blender Exporter - Baking Lightmaps Quick
Переглядів 3,7 тис.Рік тому
Needle Blender Exporter - Baking Lightmaps Quick
Needle Engine - Quick intro to custom scripting
Переглядів 3,1 тис.Рік тому
Needle Engine - Quick intro to custom scripting
Needle Engine Particles with Texturesheet Animation
Переглядів 596Рік тому
Needle Engine Particles with Texturesheet Animation
Needle Engine October Recap
Переглядів 709Рік тому
Needle Engine October Recap
🌵 Needle Engine - Getting Started. Unity → three.js
Переглядів 30 тис.Рік тому
🌵 Needle Engine - Getting Started. Unity → three.js
Quest 2 / Quest Pro Passthrough WebXR with Needle (immersive-ar)
Переглядів 2,2 тис.Рік тому
Quest 2 / Quest Pro Passthrough WebXR with Needle (immersive-ar)
🌵 Needle Engine - Open Beta Starts Now
Переглядів 3,6 тис.Рік тому
🌵 Needle Engine - Open Beta Starts Now
🌵 Bike Configurator by Needle | WebXR • Multiuser • AR • VR
Переглядів 1,2 тис.2 роки тому
🌵 Bike Configurator by Needle | WebXR • Multiuser • AR • VR
🌵 CASTLE BUILDER by Needle🏰 • a WebXR experience • made with #unity and #threejs
Переглядів 5 тис.2 роки тому
🌵 CASTLE BUILDER by Needle🏰 • a WebXR experience • made with #unity and #threejs

КОМЕНТАРІ

  • @holocomix
    @holocomix 10 днів тому

    this doesn't work when you go into quick look and or the camera feed though which is killingme. Doesn't even work with everywhere actions.

    • @needle-tools
      @needle-tools 9 днів тому

      Hi, Quicklook scripting support is at the moment limited by Apple. Apple defines a set of preliminary actions and triggers which is what we make use of with everywhere actions - and we stretch whats possible even further to what Apple's own tools allow you to do. To use custom scripts in Quicklook please refer to the everywhere actions docs which also includes an example of how to build your own actions that will also work in Quicklook: engine.needle.tools/docs/everywhere-actions.html

  • @holocomix
    @holocomix 10 днів тому

    what about customization? I can't get anything to show in the camera feed, no programming I write works.

    • @needle-tools
      @needle-tools 9 днів тому

      Hi, you refer to custom scripts in Quicklook - which is limited by Apple. Please refer to the Everywhere Actions docs: engine.needle.tools/docs/everywhere-actions.html

  • @cumibakar10
    @cumibakar10 11 днів тому

    Why do you have to click every object one by one just to bake lightmaps 😑

  • @hamzzashaffi
    @hamzzashaffi 20 днів тому

    Congratulations! :) Would love to connect over on linkedIn if you have a page.

  • @donystark5
    @donystark5 25 днів тому

    Thanks ❤

  • @muhammadaliyuabubakar4767
    @muhammadaliyuabubakar4767 29 днів тому

    Very interesting

  • @hamzzashaffi
    @hamzzashaffi Місяць тому

    Following your work from a while now. Great content! :)

    • @needle-tools
      @needle-tools Місяць тому

      Thank you very much, we appreciate it :)

  • @BartMassee
    @BartMassee Місяць тому

    impressive😮 ❤

  • @potter3416
    @potter3416 Місяць тому

    Just tried it. Great tech-stack but good things ruined for me by doing everything like even starting npm server?!. It downloads so many stuff in the background to setup a scene that I didnt feel any safe for using it in Unity. - Unity packages set registry for UPM - Needle for Unity downloads stuff/samples from registry - Exports uses nodejs for web server - Needle for Unity invoke npm install, it starts download packages in the background - Needle for Unity wants to start a server There are like at least 3 area where supply-chain-attack can happen here. Tools shouldn't do these. Great tool ruined by dubious UX.

    • @needle-tools
      @needle-tools Місяць тому

      Thank you for the honest feedback. To enable people to build great spatial web apps, we manage parts of the modern web development workflow for you - which includes running npm and node locally, to leverage modern features such as code hot reload, efficient bundling, a local development server, and a build pipeline that can be extended with plugins. The parts that we manage by default can also be done manually if that is desired. We're aware that running local servers and tools is not for everyone, and are working on options to reduce what you have to install/run locally, for the users that prefer fully managed cloud based workflows. Stay tuned!

  • @TronikXR
    @TronikXR Місяць тому

    Please. Please. Please. Make a tutorial on using the XR Components inside of Blender

    • @needle-tools
      @needle-tools Місяць тому

      A tutorial will come :) thanks for your feedback

  • @ZinaidaKovrova
    @ZinaidaKovrova Місяць тому

    Cool 🤩

  • @fleity
    @fleity Місяць тому

    This sounds surprisingly like a non-unity web runtime which uses the unity editor as.. Well an editor.. But that means.. No runtime fee for projects build with your tool? XD are they okay with this.

    • @needle-tools
      @needle-tools Місяць тому

      There are no runtime fees - exactly. And you're not forced to use unity either :) we have an integration for Blender as well (with more to come) - a getting started video for Blender will be uploaded soon

  • @Tactic3d
    @Tactic3d Місяць тому

    Works well, very performant loading time. Does it support the multi layers inside animator now?

    • @needle-tools
      @needle-tools Місяць тому

      Hi, multiple layers are not supported yet. If it's something you're interested in please open a feature request on github github.com/needle-tools/needle-engine-support. Thank you

    • @Tactic3d
      @Tactic3d Місяць тому

      @@needle-tools Don't understand how to fill in a request on github. please fill in for us

  • @corimyers4985
    @corimyers4985 Місяць тому

    I’m not clear on what this is supposed to do. If you can’t build in a website and it’s displayed through glitch…what is the point?

    • @needle-tools
      @needle-tools Місяць тому

      You're building a website! Glitch is just an example for a simple way to share your website with others but you can upload via FTP or to other hosting providers. We support many more providers/servers tho: engine.needle.tools/docs/deployment.html You can also take a look at our samples. There are many diverse and cool websites being built and running on Needle Engine engine.needle.tools/samples Additionally here is a recent demo that is available with source access: engine.needle.tools/demos/lods The source code with an example for Unity or just vite is available here as well: github.com/needle-engine/progressive-meshes-sample The cool thing is: you can just build your website and use Needle Engine with threejs (or just threejs if you prefer) and we take care of optimizing your files - you just click build *or* run one command Let us know if you still have questions :)

  • @TronikXR
    @TronikXR Місяць тому

    Thank you so much! More of these please, on your AR features. 🙏

    • @needle-tools
      @needle-tools Місяць тому

      Anything specific you're interested in?

    • @TronikXR
      @TronikXR Місяць тому

      @@needle-tools Yes, most specifically using image target tracking and plane tracking. Individually and together for AR and VR experiences. I've been trying to figure out how to have an image trigger ,using image tracking, activate a VR experience that then switches to plane tracking, so the image doesn't have to be in view to continue the experience.

  • @Venomancerr
    @Venomancerr Місяць тому

    never heard of nanite? LODs are outdated

    • @needle-tools
      @needle-tools Місяць тому

      ;) Worth mentioning that this also reduces initial loading time significantly - still lots of improvements in the pipeline but we'll get there !

  • @jasondelatorrebermudez2515
    @jasondelatorrebermudez2515 2 місяці тому

    How can I instantiate an object when I click on the screen?

  • @jasondelatorrebermudez2515
    @jasondelatorrebermudez2515 2 місяці тому

    How can I instantiate an object when I click on the screen?

  • @Madpine
    @Madpine 2 місяці тому

    You're amazing. Really, thank you sooooo much for this \0/

  • @PseudoChew
    @PseudoChew 3 місяці тому

    I really admire the hot reloading straight from unity to the browser. First in class type of tool. Will start experimenting asap.

    • @needle-tools
      @needle-tools 3 місяці тому

      Let us know how it goes - we have a discord and forum if you need help forum.needle.tools / discord.needle.tools

  • @dorigoand
    @dorigoand 3 місяці тому

    Hi, great job! How did you integrate Three js inside Unity?

    • @needle-tools
      @needle-tools 3 місяці тому

      Hi go to docs.needle.tools to learn more

  • @seeseeph
    @seeseeph 3 місяці тому

    Very interesting!!!

  • @babababa201
    @babababa201 3 місяці тому

    He deserves it. Herbst and Marcel have been next level.

  • @CodingPhase
    @CodingPhase 4 місяці тому

    Pretty interesting

  • @SVAFnemesis
    @SVAFnemesis 4 місяці тому

    interesting...

  • @capitalplayground
    @capitalplayground 5 місяців тому

    Is needle engine capable of using this but on separate independent websites? such as a pop up window to view a model or to open a separate tab to view a model?

    • @needle-tools
      @needle-tools 5 місяців тому

      Yes absolutely, needle engine can be embedded into any website (or popup) using our web component.

    • @needle-tools
      @needle-tools 5 місяців тому

      One example you could look at is our sveltekit template: engine.needle.tools/samples/sveltekit-integration/?overlay=frameworks It has multiple pages with separate needle engine components. These could easily be in popups (or s - that's also how our samples website is built btw)

  • @rmnramon2
    @rmnramon2 5 місяців тому

    how get and set animator param?

    • @needle-tools
      @needle-tools 5 місяців тому

      Hi, I think we talked in our discord already, right? You can now also just set those from a Button component when you assign the animator to the onClick event

  • @user-gl8ux9rv6r
    @user-gl8ux9rv6r 5 місяців тому

    i want to get the model , where can i get the model?

    • @needle-tools
      @needle-tools 5 місяців тому

      You can contact Aaron Taubner

  • @HeavenOnEarthMap
    @HeavenOnEarthMap 6 місяців тому

    #HELPFUL

  • @valentinkrajzelman4649
    @valentinkrajzelman4649 6 місяців тому

    looking incredible already

  • @valentinkrajzelman4649
    @valentinkrajzelman4649 6 місяців тому

    very impressive keep up the good work!

  • @Theprobutnot
    @Theprobutnot 7 місяців тому

    thats the jam right there

  • @travelaspro-
    @travelaspro- 7 місяців тому

    Any upcoming sales/coupon?

    • @needle-tools
      @needle-tools 6 місяців тому

      There is a Blackfriday discount valid until 27th November: use promo code BLACKFRIDAY23 at checkout. :) 🎉

  • @user-sf7rd2pt7n
    @user-sf7rd2pt7n 7 місяців тому

    Wow, looks awesome! This is gonna blow up

  • @2biffboff
    @2biffboff 7 місяців тому

    How do I use an external positional data stream (i.e., player1: x,y,z) [JSON/MQTT] and attach this to a specific model or group of models within the scene?

    • @needle-tools
      @needle-tools 7 місяців тому

      Hi, there are multiple ways. The easiest would be by creating a Needle Engine component and add it to the object in the editor. Feel free to ask in our discord if you need a more detailed reply

  • @marwi_123
    @marwi_123 8 місяців тому

    So cute :)

  • @user-me7uw7cu4t
    @user-me7uw7cu4t 8 місяців тому

    when a video tutorial creating from scratch a react fiber app with needle?

  • @hector_matias
    @hector_matias 8 місяців тому

    how this works with react fiber??

  • @MadDadFarmhouseRenovation
    @MadDadFarmhouseRenovation 8 місяців тому

    Is there object recognition implemented? Use 3d model or pointcloud from unity3d?

    • @needle-tools
      @needle-tools 8 місяців тому

      Hi, we currently implemented image tracking for WebXR which can go a long way depending on your exact use case engine.needle.tools/docs/xr.html#html-content-overlays-in-ar

  • @kaliphe2008
    @kaliphe2008 9 місяців тому

    Can we do it with blender or unreal5? thank you

    • @needle-tools
      @needle-tools 9 місяців тому

      You can do it with blender, yes. See our getting started guide here: docs.needle.tools

    • @kaliphe2008
      @kaliphe2008 9 місяців тому

      @@needle-tools thank you, waiting for a complet tutorial from you

  • @user-rr7fc4qi8q
    @user-rr7fc4qi8q 10 місяців тому

    this is so friking cool. I'm so happy to see this project move forward in this pace :) !

  • @zonezero9053
    @zonezero9053 10 місяців тому

    any test with WeChat mini program?

    • @needle-tools
      @needle-tools 10 місяців тому

      Hi, not so far - do you know of any mini programs made with three.js that we could look at?

  • @julienroy8274
    @julienroy8274 10 місяців тому

    Is this a sample page?

    • @needle-tools
      @needle-tools 10 місяців тому

      Hello, yes it is; engine.needle.tools/samples

  • @gajowebmaster
    @gajowebmaster 10 місяців тому

    thanks

  • @teawa_
    @teawa_ 10 місяців тому

    Would love a tutorial on how to implement this

    • @needle-tools
      @needle-tools 10 місяців тому

      Hi, you can go to engine.needle.tools/samples and download the scrollytelling sample

    • @babababa201
      @babababa201 7 місяців тому

      Has something changed with the examples? The example just shows a headset, and there is no code to download @@needle-tools

    • @needle-tools
      @needle-tools 7 місяців тому

      @@babababa201 Hi, the sample on the website is not the one in the video but it works the same you can click on Download on the site linked above to get to the github repository which contains all the code or you can download the samples in Unity if you have Needle Engine installed using the menu item "Needle Engine/Explore Samples" Here is a direct download link for the Unity samples package as well (just open it with Unity) engine.needle.tools/downloads/unity/samples

    • @babababa201
      @babababa201 7 місяців тому

      @@needle-tools Thank you very much.

  • @user-jx3gn8qy2q
    @user-jx3gn8qy2q 10 місяців тому

    Thank you!!!