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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

My 3D SWE Portfolio – Built with React Three Fiber

80 点作者 Oia204 个月前

18 条评论

porphyra4 个月前
Some feedback:<p>1. I spent a while clicking and dragging and not realizing that it works by scrolling.<p>2. There&#x27;s no way to tell what&#x27;s clickable.<p>At first I just clicked on the guy in the cage which sent me to the 2D website and I thought that was it. I didn&#x27;t realize that you can scroll down to see other stuff until much later.
评论 #42725703 未加载
评论 #42721424 未加载
评论 #42721419 未加载
jarebear6expepj4 个月前
You know it is going to be good when the laptop turbines start whistling as soon as you click a link ...
评论 #42721962 未加载
评论 #42721871 未加载
评论 #42721222 未加载
goodells4 个月前
I also built a 3D portfolio website[1] using React and react-three-fiber but I took a different approach design-wise, the HTML content is scrollable like a normal website but the 3D scene subtly matches the perspective of the screen as you scroll.<p>[1] - <a href="https:&#x2F;&#x2F;samuelgoodell.com" rel="nofollow">https:&#x2F;&#x2F;samuelgoodell.com</a>
评论 #42721787 未加载
评论 #42725698 未加载
评论 #42721813 未加载
评论 #42722008 未加载
bnetd4 个月前
Does anyone remember that mid-2000s, 3D competitor to Flash? i think the name started with A like Ankh or something like that but I could be wildly off. It had an IDE and basically ran as a plugin in the browser. It died a quiet death.<p>This site kinda sorta reminds me of that.<p>Forget what it&#x27;s called - if someone does, please post more info!
评论 #42721450 未加载
评论 #42732183 未加载
评论 #42722706 未加载
评论 #42724195 未加载
评论 #42722784 未加载
评论 #42722779 未加载
评论 #42721229 未加载
dvh4 个月前
There are no shadows or transparent textures and only low poly models, yet I only get maybe 2fps. I&#x27;ve built webgl racing game that did &gt;50fps on a $50 phone [1]. There&#x27;s something seriously wrong with your tech stack.<p>[1] <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=okg61OOFUdQ" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=okg61OOFUdQ</a>
评论 #42723449 未加载
评论 #42723095 未加载
评论 #42723678 未加载
评论 #42723006 未加载
chrysoprace4 个月前
Cool site, as somebody else has pointed out it&#x27;s not entirely clear what to do once you land on the site.<p>I don&#x27;t know how easy it is to accomplish with React Three Fiber, but something as simple as having paving `cursor: pointer` on links would be great, as well as an indicator that they&#x27;ll open in a new tab (typically conveyed through the little box with an arrow going top right).<p>Fun little project though, I&#x27;ve always wanted to try something similar in the browser.
评论 #42721904 未加载
评论 #42721898 未加载
Oia204 个月前
This has been a work and progress for a while now. A few months back the site used orbital controls, but I realized the UI&#x2F;UX (Especially for non tech savy users) was unintuitive. Working to settle on a middle ground.
评论 #42720363 未加载
评论 #42720421 未加载
ayaros4 个月前
God bless you and your beautiful site. I salute you.<p>As others have said I do think the controls need work; maybe some form of constrained orbit controls would work well.
评论 #42722261 未加载
Oia204 个月前
Also check out the projects&#x2F;about page by clicking on the old mac!<p><a href="https:&#x2F;&#x2F;jacob.dement.dev" rel="nofollow">https:&#x2F;&#x2F;jacob.dement.dev</a>
kelvinjps104 个月前
The projects 2d site is slower than the 3d one
评论 #42722256 未加载
chrisco2554 个月前
This is fun, cool, interesting. Really love R3F and how easy it makes it to add 3D to websites. Make the web fun again.
gus_massa4 个月前
Nice, but I really really really wish to use the arrow keys to rotate.
ktxyznvda4 个月前
I like the vibe but damn did my Dell Precision 5680 get loud
z3t44 个月前
You should make it work in VR to get the full immersion.
评论 #42722606 未加载
youssef_samwel4 个月前
just wow can i know how did you build this ? put me on track also how long it took you to build ?
评论 #42679236 未加载
angrydingo4 个月前
how did you host the files for the 3d rendering?
yieldcrv4 个月前
looks fun! screams &quot;junior developer that thinks they need to stand out&quot;, peons praise getting a call back to a job application as if getting that is a done deal, but in this industry you&#x27;ll still have to pass the technical interview which is the real make or break<p>I&#x27;ve heard about the frictions with getting call backs in the entry level part of the market, and I think its just best to cosplay as senior developer, as its mostly a mindset. you&#x27;ll lose some roles for your mistakes but there is no passported reputation here, just get employed, wait for some of your coworkers to leave so they can be your collection of references, and keep applying to other jobs.<p>to get the first jobs, form an LLC and say you work for that, for some time if it works better to get to the hiring manager<p>I mean, you were building some stuff through college after all right? so its true, backdate it back to your sophomore year, bam 3 years experience. such ambitious, much wow<p>launder real experience on top of it and replace your resume with that professional validation
评论 #42721214 未加载
评论 #42721201 未加载
评论 #42721315 未加载
2bit4 个月前
Cool idea, using shapen.com you could quickly generate all the 3d models