Coder Social home page Coder Social logo

remarkies / generative_computer_graphics Goto Github PK

View Code? Open in Web Editor NEW

This project forked from digitalideation/ba_222_gencg_h1901_students

0.0 0.0 0.0 2.93 MB

Generative Computer Graphics - Playground with shapes and forces of all kind

Home Page: https://remarkies.github.io/ba_222_gencg_h1901_students/

JavaScript 99.21% HTML 0.60% CSS 0.19%

generative_computer_graphics's Introduction

di logo

Generative Computer Graphics - Winter 2019

MIT License Twitter

This repo hold students' work for the class "I.BA_222_GENCG.H1901 - Winter 2019" it is built on github pages (Jekyll).

Circles

Circles with same diameter, random color & opacity & random starting direction bouncing of the walls. Movement speed depends on circles near by. More circles => slower. This leads to small groups.

Circles https://remarkies.github.io/ba_222_gencg_h1901_students/Projects/01_Circles/index.html

Connections

"Connections" is the next step of "Circles". Circles diameter a lot smaller but create a line to all near by circles. Color of lines are equal to the root circle.

Connections https://remarkies.github.io/ba_222_gencg_h1901_students/Projects/02_Connections/index.html

Fading

"Fading" is the next step of "Connections". Allowed distance to draw a line is a lot bigger but not nearly as many points are being generated.

Following code combines color to a brighter color:

blendMode(LIGHTEST);

Fading https://remarkies.github.io/ba_222_gencg_h1901_students/Projects/03_Fading/index.html

Grass

Project in between. Tried to animate grass.

Grass https://remarkies.github.io/ba_222_gencg_h1901_students/Projects/04_Grass/index.html

Atom

Combination of "Circles", "Connections" & "Fading" including a gravitation hole.

Atom https://remarkies.github.io/ba_222_gencg_h1901_students/Projects/05_Atom/index.html

Fluid

Basic attempt bringing lines to flow.

Fluid https://remarkies.github.io/ba_222_gencg_h1901_students/Projects/06_Fluid/index.html

Stars

Based on "Fluid". Fading added to receive stardust. Due to random speed it looks after a while like it has multiple layers.

Fluid https://remarkies.github.io/ba_222_gencg_h1901_students/Projects/06_Fluid/index.html

generative_computer_graphics's People

Contributors

remarkies avatar gu-ma avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.