TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

3D framework for the web, built on Svelte and Three.js

389 点作者 spxneo大约 1 年前

23 条评论

legrisch大约 1 年前
Hi, I&#x27;m the author of Threlte, thanks for posting it! If you want to see what we&#x27;re currently up to, here&#x27;s the talk I just presented at the Svelte Summit Spring[0].<p>In essence, we&#x27;re busy with two things:<p>Making Threlte Svelte 5 ready. It&#x27;s a bit more work for us than for most Svelte libraries&#x2F;frameworks out there since we poked into the component internals a lot, for example to make event handling more effective or run Svelte transitions on components rather than DOM elements. A lot of these things are now built into Svelte 5 and others (like transitions) we have to set aside for the moment.<p>The other thing we&#x27;re working on is the Threlte Studio. I&#x27;m not sure how to best describe it <i>yet</i>, but you could say it&#x27;s an editor that let&#x27;s you visually modify your code. It&#x27;s extendable, so you can adapt it to your workflow. We&#x27;re really curious how far we can go with this, so to stay tuned, feel free to join our discord[1] or follow us on x[2].<p>[0] <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;live&#x2F;gkJ09joGBZ4?si=KX9ZwfWTixj6r55Y&amp;t=4150" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;live&#x2F;gkJ09joGBZ4?si=KX9ZwfWTixj6r55Y...</a><p>[1] <a href="http:&#x2F;&#x2F;chat.threlte.xyz" rel="nofollow">http:&#x2F;&#x2F;chat.threlte.xyz</a><p>[2] <a href="https:&#x2F;&#x2F;twitter.com&#x2F;threlte" rel="nofollow">https:&#x2F;&#x2F;twitter.com&#x2F;threlte</a>
评论 #40208480 未加载
评论 #40214587 未加载
评论 #40212581 未加载
评论 #40211021 未加载
talkingtab大约 1 年前
I have been using react-three-fiber and react-three-drei - the react version of this project. The examples are over whelming and wonderful<p><a href="https:&#x2F;&#x2F;docs.pmnd.rs&#x2F;react-three-fiber&#x2F;getting-started&#x2F;examples" rel="nofollow">https:&#x2F;&#x2F;docs.pmnd.rs&#x2F;react-three-fiber&#x2F;getting-started&#x2F;examp...</a><p>One of my favorites is the image gallery. I modified this so that clicking on an image take you into another room (gallery).<p><a href="https:&#x2F;&#x2F;github.com&#x2F;pmndrs&#x2F;drei">https:&#x2F;&#x2F;github.com&#x2F;pmndrs&#x2F;drei</a> is a collection of examples and helpers.<p>Most impressive to me is the one using a GLTF model, video textures on text, reflections and more. A standalone version is<p><a href="https:&#x2F;&#x2F;bfplr.csb.app&#x2F;" rel="nofollow">https:&#x2F;&#x2F;bfplr.csb.app&#x2F;</a><p>But even more impressive is the sandbox showing the not-very-many-lines-of-code at<p><a href="https:&#x2F;&#x2F;codesandbox.io&#x2F;p&#x2F;sandbox&#x2F;ground-reflections-and-video-textures-bfplr" rel="nofollow">https:&#x2F;&#x2F;codesandbox.io&#x2F;p&#x2F;sandbox&#x2F;ground-reflections-and-vide...</a><p>A lot goes into putting a layer on top of threejs and I have run a fair number of head scratchers. But still the potential is huge. Using threejs has completely changed the way I look at website development. So if you are a svelte person I would definitely look into this. [edit for grammar]
评论 #40206190 未加载
评论 #40207683 未加载
评论 #40213851 未加载
prophesi大约 1 年前
Wow, I was poking around and found this demo app[0][1] showcasing Threlte v6. The Technical Outline, particularly the explanation of the simplified car physics, is enlightening. It&#x27;s essentially a Trackmania clone complete with a track editor, using Svelte&#x2F;Threlte&#x27;s advantages to its fullest.<p>[0] <a href="https:&#x2F;&#x2F;github.com&#x2F;grischaerbe&#x2F;threlter">https:&#x2F;&#x2F;github.com&#x2F;grischaerbe&#x2F;threlter</a><p>[1] <a href="https:&#x2F;&#x2F;threltemania.xyz&#x2F;" rel="nofollow">https:&#x2F;&#x2F;threltemania.xyz&#x2F;</a>
评论 #40207706 未加载
perilunar大约 1 年前
This looks interesting.<p>If you want to do declarative 3D and components without Svelte and React though there&#x27;s always A-Frame or X3D.<p>I wonder if anyone really wants declarative 3D though. X3D&#x2F;VRML has been around for 25+ years, and A-Frame for 8 years, and neither have become very popular (and several other formats came and went). Meanwhile three.js and imperative&#x2F;procedural 3D generally is doing really well. I&#x27;m curious as to why that is.
评论 #40207800 未加载
评论 #40208949 未加载
goldielox大约 1 年前
Threlte&#x2F;Sveltekit&#x2F;Tauri is a cool combo. Recently I tried out Threlte and this is what I&#x27;ve come up with, it&#x27;s not the best optimised and all models are free on sketchfab, helps having a modern pc for my 3d game environment<p><a href="https:&#x2F;&#x2F;crusaders-ashy.vercel.app&#x2F;" rel="nofollow">https:&#x2F;&#x2F;crusaders-ashy.vercel.app&#x2F;</a>
andoando大约 1 年前
Ooh love both Svelte and Threlte. I made a 3D chess board set in a park environment integrated with lichess and everything was remarkably easy.<p>I think a lot of UI could benefit from use of 3D.
评论 #40205989 未加载
claytongulick大约 1 年前
Cool project!<p>For those who prefer a more vanilla approach, A-frame [1] is nice.<p>[1] <a href="https:&#x2F;&#x2F;aframe.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;aframe.io&#x2F;</a>
_akhe大约 1 年前
Syntax is really nice, I&#x27;m just as impressed as the first time I saw Three.js as JSX (via react-three-fiber). It&#x27;s nice to know I have this option if I ever use Svelte + Three.
smj-edison大约 1 年前
Dang, I appreciate how smooth the scrolling is! I feel like so often when a webpage has scroll-based animations they stutter and lag. I didn&#x27;t realize how nice the effect could be when it actually ran at my monitor refresh rate.
Sateeshm大约 1 年前
Been using it for about a couple of years now. Everytime I look at the docs, there is a new extra. And legrisch is wonderful. Discord is quite active. Amazing toolkit and can&#x27;t wait to see where it goes.
评论 #40212574 未加载
LatticeAnimal大约 1 年前
I love Threlte! My company uses it and it is remarkably clean &amp; clear. Fantastic OSS project
评论 #40212587 未加载
xyst大约 1 年前
Reminds me of the flash website days but much more smooth in terms of animations and (hopefully) more secure!<p>I am tempted to re-write personal site using this.
v1sea大约 1 年前
Looks promising. It would be nice if the XR components exposed more configuration options. For example I don&#x27;t see a way to use the transient pointer of the apple headset nor the depth buffer of the Quest 3.<p>[0] <a href="https:&#x2F;&#x2F;webkit.org&#x2F;blog&#x2F;15162&#x2F;introducing-natural-input-for-webxr-in-apple-vision-pro&#x2F;" rel="nofollow">https:&#x2F;&#x2F;webkit.org&#x2F;blog&#x2F;15162&#x2F;introducing-natural-input-for-...</a><p>[1] <a href="https:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;webxr-depth-sensing-1&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;webxr-depth-sensing-1&#x2F;</a>
评论 #40228634 未加载
CountHackulus大约 1 年前
Oh neat, kind of like a modern VRML.
keyle大约 1 年前
Nice, the documentation seems a bit lightweight at first glance. It would be good if it went to show how the home page animation was created and how interactivity could make this framework useful.<p>Also, how accessible is this content from the perspective of a screen reader?
评论 #40212705 未加载
PedroBatista大约 1 年前
Black screen on Firefox
评论 #40206056 未加载
SeanAnderson大约 1 年前
(Chrome&#x2F;Windows) All I saw was a black screen the second time I loaded the website. It loaded properly when I refreshed.
Cloudef大约 1 年前
Very nice, I think I&#x27;ll find use for it.
thelastparadise大约 1 年前
This reminds me of VRML.
gtm1260大约 1 年前
Super cool!
th0ma5大约 1 年前
Accessibility??
评论 #40208007 未加载
keb_大约 1 年前
cool
ryukoposting大约 1 年前
I get the appeal of this stuff from an aesthetic perspective, but it&#x27;s woeful from an accessibility standpoint and it makes your website completely unusable on older computers and not-that-old mobile devices.<p>Cool, but use with caution. The usual warning for graphics-heavy web stuff.
评论 #40206733 未加载