Files
Bolsha9Kapl9/README.md
2022-05-18 01:25:40 +09:00

41 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# ABOUT
In this application, the Raymarching spheres have collision detection.<br>
This allows the spheres to be dispersed using the mouse.
What we are doing is the same as the application we created before. However, the code is more sophisticated.<br>
https://github.com/nemutas/r3f-normal-color
https://nemutas.github.io/r3f-water-drops/
![output(video-cutter-js com) (9)](https://user-images.githubusercontent.com/46724121/168792899-e4d4a84c-a906-4667-874b-597c0e096966.gif)
# Technology
- TypeScript
- Reactwith Vite
- React Three FiberThree.js
- Raymarching
- [use-cannon](https://github.com/pmndrs/use-cannon)
# Reference
This is a technical document on Raymarching. They are all very easy to understand and are excellent documents.
* [wgld.org](https://wgld.org/d/glsl/g008.html) - Japanese
* [Inigo Quilez - articles](https://www.iquilezles.org/www/index.htm)
* [Raymarching simple scene #48](https://www.youtube.com/watch?v=q2WcGi3Cr9w&t=6s)
* [Live Coding and Alien Orb - Modeling & Shadows](https://www.youtube.com/watch?v=b0AayhCO7s8&t=416s)
Physics simulation using use-cannon.
* [BestServedBold Christmas Baubles](https://codesandbox.io/s/bestservedbold-christmas-baubles-zxpv7)
# License
This source code is not MIT License.
❌ Commercial use is prohibited.<br>
❌ Redistribution is prohibited.<br>
❌ Diversion is prohibited.Incorporate all of the code into the project, etc.<br>
✅ You can look at the application and reproduce the representation.<br>
✅ You can use parts of the code.