graphics_challenges

KO | EN

gitlite — search

#react #llm #go #golang #machine-learning #deep-learning #linux #docker #macos #java #kubernetes #vue #openai #open-source

graphics_challenges

(★ 15)

Repository of computer graphics challenges

graphics_challenges Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Computer Graphics Challenges

## What it is?

A collection of computer graphics-related projects ideas. Intended for bored programmers looking for a small side project, and for people interested in learning more about the computer graphics in general.

Each project consists of a series of steps designed to guide you through the implementation process. The steps also include images and/or videos presenting the desired end result.

## Projects

<table>
  <tr>
    <td>
      <h3><a href='csg/README.md'>Constructive Solid Geometry</a></h3>
      Constructive Solid Geometry (CSG) is a modeling technique in computer graphics that represents complex shapes by combining simple geometric shapes (spheres, cubes, etc.) using Boolean operations. It allows to create intricate and detailed objects by combining and manipulating basic shapes in a hierarchical manner.
    </td>
    <td width=400px>
      <div align="center">
        <a href='csg/README.md'>
          <img src="https://github.com/pszemsza/graphics_challenges/assets/65168262/4b6b8188-d61b-4156-b5df-7304b23539b3" width=200px height=200px>
        </a>
      </div>
    </td>
  </tr> 
  <tr>
    <td>
      <h3><a href='boids/README.md'>Boids</a></h3>
      Boids is an artificial life program simulating the flocking behavior. A couple of simple rules governing individual boids behavior yield realistically looking emergent behavior.
    </td>
    <td>
      <div align="center">
        <a href='boids/README.md'>
          <img src="https://github.com/pszemsza/graphics_challenges/assets/65168262/6909f716-8506-4c04-91e2-b12d20545cd6" width=200px height=200px>
        </a>
      </div>
    </td>
  </tr> 
  <tr>
    <td>
      <h3><a href='strange_attractors/README.md'>Strange attractors</a></h3>
      Strange attractors are a family of fractals characterized by their complex and infinitely intricate shapes, despite being described by relatively simple equations. These fractals emerge from the dynamics of chaotic systems.
    </td>
    <td>
      <div align="center">
        <a href='strange_attractors/README.md'>
          <img src="https://github.com/pszemsza/graphics_challenges/assets/65168262/5910ac46-66c5-4d34-8495-258e19e23c2c" width=200px height=200px>
        </a>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <h3><a href='julia_sets/README.md'>Julia sets</a></h3>
      Explore Julia sets, a family of fractals emerging from iterating a simple equation in the complex numbers plane.
    </td>
    <td>
      <div align="center">
        <a href='julia_sets/README.md'>
          <img src="https://github.com/pszemsza/graphics_challenges/assets/65168262/2387ca6e-ec74-4fa7-a550-19a161fe9731" width=200px height=200px>
        </a>
      </div>
    </td>
  </tr>
   <tr>
    <td>
      <h3><a href='3d_renderer/README.md'>3D renderer (work in progress)</a></h3>
      A simple 3D renderer implemented from scratch, using only a "draw pixel" method. The renderer features scene rotation, a lightning model, ortographic and perspective projection, depth buffer, and others.
    </td>
    <td>
      <div align="center">
        <a href='3d_renderer/README.md'>
          <img src="https://github.com/pszemsza/graphics_challenges/assets/65168262/026dece3-f036-4560-8b5d-7049493d942f" height=200px>
        </a>
      </div>
    </td>
  </tr>  
   <tr>
    <td>
      <h3><a href='plane_boarding/README.md'>Plane boarding</a></h3>
      Simulating and visualizing plane boarding using different boarding methods.
    </td>
    <td>
      <div align="center">
        <a href='plane_boarding/README.md'>
          <img src="https://github.com/pszemsza/graphics_challenges/assets/65168262/5292e2e2-4c0c-4cb5-a5e3-34339f6dc80e" width=200px height=200px>
        </a>
      </div>
    </td>
  </tr> 
  <tr>
    <td>
      <h3><a href='edge_detection/README.md'>Edge detection</a></h3>
      A bite-sized project demonstrating convolution filters used for edge detection.
    </td>
    <td>
      <div align="center">
        <a href='edge_detection/README.md'>
          <img src="https://github.com/pszemsza/graphics_challenges/assets/65168262/703fffa1-47ad-4895-8b9d-e6e5f79ca04e" height=200px>
        </a>
      </div>
    </td>
  </tr> 
</table>

## What it isn't?

Tutorials. There are much better and much more detailed tutorials and articles covering the topics presented here than I could ever create. I will guide you on _what_ to implement, not _how_ to implement it line by line. You are encouraged to search online for in-depth resources, sample implementations, or to read more about the topics at hand.

## How does it work

Each project is split into a number of smaller steps, representing incremental progress towards a complete project. Most steps are accompanied by images and/or videos showcasing the expected end result, along with a list of keywords that can be used to search for online resources.

If you find yourself stuck, example solutions for all steps are available as a reference.

Additionally, most projects include a "Next steps" section outlining potential improvements and new features if you wish to further develop your project.

## Recommended language/framework

I recommend using [Processing](https://processing.org/). It works on all major operating systems, has modes for Python, Java and JavaScript, and it allows you to start writing graphical apps with a minimal setup.

That being said, you are free to use any language and tools that you prefer. You don't need advanced 2D or 3D capabilities; most projects simply require you to draw single pixels with a specified color.

graphics_challenges

graphics_challenges Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

graphics_challenges

graphics_challenges Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README