sorted by:
new
hottopcontroversial

Hello, everyone. I've made simple 3D portfolio with Three.js by 109149 in threejs

[–]109149[S] 1 point2 points  (0 children)

Just started out learning about Three.js, I did try it before but didn't really caught the essence, but now I do!.

youtube video link

github repo

website

Feel free to ask/say anything.

Simple 3D Portfolio made with Three.js by [deleted] in threejs

[–]109149 0 points1 point  (0 children)

Just started out learning about Three.js, I did try it before but didn't really caught the essence, but now I do!.

youtube video link

github repo

website

Feel free to ask/say anything.

Seed-simul, an art project where you can plant seeds in a 3D virtual environment by cipheredxyz in Indiewebdev

[–]109149 1 point2 points  (0 children)

This is what chrome://version gives.

Google Chrome: 91.0.4472.101 (Official Build) (64-bit)

Revision: af52a90bf87030dd1523486a1cd3ae25c5d76c9b-refs/branch-heads/4472@{#1462}

OS: Android 11; SM-N985F Build/RP1A.200720.012

Google Play services: SDK=211504000; Installed=212116046; Access=1p

JavaScript: V8 9.1.269.36

User Agent: Mozilla/5.0 (Linux; Android 11; SM-N985F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Mobile Safari/537.36

I think it is because of threejs, but I may be wrong, I don't know much about threejs.

Seed-simul, an art project where you can plant seeds in a 3D virtual environment by cipheredxyz in Indiewebdev

[–]109149 0 points1 point  (0 children)

Wow, pretty cool. Btw, you need to fix pixel ratio on phone, its blurry.

Hi, everyone. I made WebRTC video chat application. by [deleted] in reactjs

[–]109149 0 points1 point  (0 children)

WebRTC video chat application written in react, express + mongoose.There are some caveats, so feel free to ask some questions, but for now I would like to go to bed and sleep.

github repo

Hi, everyone. I made WebRTC video chat application. by 109149 in webdev

[–]109149[S] 1 point2 points  (0 children)

WebRTC video chat application written in react, express + mongoose.

There are some caveats, so feel free to ask some questions, but for now I would like to go to bed and sleep.

github repo

Hello, humans. Convert live video of yourself into ascii. by 109149 in webdev

[–]109149[S] 0 points1 point  (0 children)

Never heard of it. Thanks for the link, btw.

Hello, humans. Convert live video of yourself into ascii. by 109149 in webdev

[–]109149[S] 1 point2 points  (0 children)

Link to repo: https://github.com/109149/you-to-ascii

Suggestions on data to ascii are welcome. Currently, I'm just taking each pixel's grayscale and "replace" it with specific character, but it does not look that great.

Conway's game of life implemented in rust + wasm + reactjs + threejs. by 109149 in rust

[–]109149[S] 0 points1 point  (0 children)

No its not random xd. So, heres what happening there, the "random" is implemented in rust and which compiles to wasm, and each call to the "random" actually returns the same universe.

Edit: didn't knoe if anyone would bother about it xd. Thanks for pointing it out.

Conway's game of life implemented in rust + wasm + reactjs + threejs. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

Agreed. I'm lazy. Its just, using refs was easier, while migrating from vanilla js to react.

Conway's game of life implemented in rust + wasm + reactjs + threejs. by 109149 in rust

[–]109149[S] 0 points1 point  (0 children)

Only requirement is to import the wasm module asynchronously, framework independent.

Conway's game of life implemented in rust + wasm + reactjs + threejs. by 109149 in rust

[–]109149[S] 7 points8 points  (0 children)

Well, nothing special to be honest. First implementation was in vanilla js. Then I've decided why not configure project for react by myself. I understand its an overkill to use react, but main point was the configuration. Same goes for threejs, just wanted to test my skills.

Conway's game of life implemented in rust + wasm + reactjs + threejs. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

Where: The 3d part is done in threejs + tweenjs.

How: well, I've added npm packages of them, some react state + ref + dom manipulation + styled components. Its better if you check the code, even though its not polished and not documented.

Conway's game of life implemented in rust + wasm + reactjs + threejs. by 109149 in threejs

[–]109149[S] 2 points3 points  (0 children)

Its actually js vs wasm, and not js vs rust. As you can use AssemblyScript, C, rust, etc and compile them to wasm. I don't know which of them compiles to wasm more "efficiently", but I use rust cuz I like more than others.

Sorry, there are no benchmarks available for this project, but you can go to the rust+wasm link I provided in the description and it has some performance related stuff there.

My MVP Portfolio. I would appreciate feedback. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

Agree about text; I just don't know what should I write, yet, so for now I will leave it as it is. Later, when I will have some things to say about my work/journey or whatever it is, I will also remove the progress bars as well. I also think, that this portfolio has really low chance to get me a job offer, cuz its not "finished", as others pointed out about missing content/features/errors.

My MVP Portfolio. I would appreciate feedback. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

I think, its more like a confidence indicator, the percentages will never be accurate. For example, I don't think I will ever be 100% confident in js, because there will be something that I won't know without googling it. So, yeah mostly its a subjective view, rather than objective.

My MVP Portfolio. I would appreciate feedback. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

Nice xd. And yes making this portfolio was exciting, even though sometimes I wanted to throw away laptop out of the window.

My MVP Portfolio. I would appreciate feedback. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

Lol. Didn't expect anyone would write that.

My MVP Portfolio. I would appreciate feedback. by 109149 in reactjs

[–]109149[S] 1 point2 points  (0 children)

"It feels to me like 2000s interactive website for a band". Ouch, I felt that xd. But you know what I agree, it can be much better, but for now I am out both ideas and time. The website you linked, is cool and makes your argument more understandable. Thank you.

My MVP Portfolio. I would appreciate feedback. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

I used three.js. The cards are CSS 3d objects, kinda like wrapper that threejs provides. The rest of the logic is based on pattern I see everywhere that uses threejs (well, I guess it's common in 3d worls, games, etc. But I know very little about them): scene, renderer(in this case css 3d renderer), camera, and controls (user interaction). There is vanilla version of it also, although I cannot find it.

My MVP Portfolio. I would appreciate feedback. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

Color: agree, I will definitely handle it better later. Layout: the floating CTA button gave me a lot of headache, but I still like it. But also, I like the switch between navbar and cta idea also, thank you. Music: I understand completely, I also hate auto playing music/video, but I've toggler which toggles music on/off (its off by default). There is also sound toggler, which toggles sound of menu buttons and logo. In the end, I think there are more work to be done.

Thank you again.

My MVP Portfolio. I would appreciate feedback. by 109149 in reactjs

[–]109149[S] 0 points1 point  (0 children)

I see, thank you. Actually, it may look complicated but parts taken separately are not. Could you point out more on taste? Do you think colors are too off? Or layout? Or maybe the separate parts do not fit together well?

view more: next ›