Skip to content

HW00: Lóránt Mikolás #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
Open

HW00: Lóránt Mikolás #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
fc762af
completed assignment
mikolaslorant Sep 13, 2022
e85c49d
added space
mikolaslorant Sep 13, 2022
5966adb
screenshots added
mikolaslorant Sep 13, 2022
432652e
Update README.md
mikolaslorant Sep 13, 2022
1227569
Update README.md
mikolaslorant Sep 13, 2022
5821d0e
Update README.md
mikolaslorant Sep 13, 2022
cd6d62e
Update README.md
mikolaslorant Sep 13, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 22 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,27 @@
# HW 0: Intro to Javascript and WebGL

## Demo

https://mikolaslorant.github.io/hw00-intro-base/

After implementing the cube I wanted to explore the idea of a sun going around the planet.
The color picker changes the color of the water.
I used three shaders:
* I modified the lambert shader to support blinn-phong, perlin noise with 3D input for the grass, sand and dirt. Also added snow based on the height.
* Added a passthrough shader which isn't passthrough in nature. Uses a sine wave that changes with time to add movement to the water on the planet which is rendered as a transparent sphere. Also added mixed in white Perlin noise to the water.
* Added a gradient shader used in CIS5600 to render the sun.

![](screenshot1.png)

I used the sun as the light source for the blinn phong.
![](screenshot2.png)
The sun rotates around with time. I know this isn't scientifically correct :)
![](screenshot3.png)
![](screenshot4.png)

# Proof the cube works correctly

![](screenshot5.png)
<p align="center">
<img width="360" height="360" src="https://user-images.githubusercontent.com/1758825/132532354-e3a45402-e484-499e-bfa7-2d73b9f2c946.png">
</p>
Expand Down
Loading