Skip to main content
SimilarExport ZIP
100%

Fork of Consciousness

✓ Published0🌍 Public
NNita
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Consciousness

This canvas-based visualization simulates an emergent consciousness through a neural network, displaying neurons as glowing nodes that activate and form new connections over time. The animation uses Canvas gradients for neuron glow effects and alpha-blended strokes for connection strength. Mouse movement subtly activates nearby neurons, while buttons trigger stimuli and philosophical prompts that generate text responses in a thought stream. Interactive sliders control energy and complexity parameters, which influence the network's activity and learning rate.

AI-generated description

Consciousness Simulation

This project creates an interactive simulation of an emergent consciousness model based on a neural network visualization. It displays neurons that form connections, activate based on stimuli, and generate "thoughts" to simulate a rudimentary form of consciousness.

Features

  • Interactive neural network visualization
  • Dynamic thought generation and self-reflection
  • Adjustable energy and complexity parameters
  • Consciousness level measurement based on network activity

How to Use

  1. Open index.html in a modern web browser
  2. Interact with the simulation:
    • Move your mouse over the canvas to subtly stimulate neurons
    • Click on the canvas to activate neurons near the cursor
    • Use the "Stimulate" button to randomly activate neurons
    • Use the "Ask a Question" button to prompt philosophical reflections
    • Adjust the sliders to control energy level and network complexity

Architecture

The code is organized into several modules:

  • neuralNetwork.js: Manages neurons and their connections
  • renderer.js: Handles the canvas visualization
  • thoughtSystem.js: Manages thought generation and consciousness measurement
  • uiController.js: Handles user interface interactions
  • simulation.js: Coordinates all components
  • main.js: Entry point that initializes the simulation
MIT Licensed

Similar vizzes

Loading thumbnail…

Consciousness

A neural-network simulation renders emergent consciousness on an HTML5 Canvas using JavaScript, with neurons as glowing nodes and connections as animated lines. The system responds to mouse movement and clicks, while buttons trigger stimuli or self-reflection questions that generate text in a thought stream. A consciousness level indicator and sliders for energy and complexity control the simulation’s behavior. The canvas API draws the network in real time, with neurons activating and connections strengthening or decaying based on interaction.

NNita
86% match
Loading thumbnail…

Stream of Consciousness

Animated bubbles labeled with words like “Awareness” and “Perception” drift and bounce within a dark container, simulating the continuous flow of thoughts. Each bubble represents a discrete thought, and the visualization uses D3.js’s `d3.forceSimulation` with charge and collision forces alongside a custom `requestAnimationFrame` loop to move them. Users can add new thoughts, click bubbles to focus them, pause the flow, or clear all bubbles. The SVG rendering includes gradient-styled circles and text, with a physics-based boundary bounce and random velocity jitter driving the motion.

NNita
70% match
Loading thumbnail…

Fork of Fork of Zen Teaching Insight into the Three I's (the three characteristics)

A real-time simulation displays a network of 120 particles connected by constantly forming and breaking links, with animated sine waves layered underneath to illustrate how patterns emerge from simple interactions. The visualization, built with d3.forceSimulation for particle physics and d3.drag for direct node manipulation, shows transient connections and wave motion while accompanying text explains how complex systems like consciousness can emerge from simple rules. Links are randomly regenerated every three seconds, while the three animated wave paths continuously shift their phase, creating an abstract demonstration of emergent phenomena.

NNita
70% match
Loading thumbnail…

Fork of Body-Speech-Mind Connection

This interactive visualization maps the interconnected categories of Body, Mind, Thoughts, Emotions, and Feelings as a pentagon of linked nodes arranged with D3.js and React. Users can hover over categories to highlight relationships, click individual component nodes to reveal descriptive detail panels, filter components by level, and toggle cross-category connection lines. The visualization reads data from a CSV file and renders through D3.js selections with scales, tooltips, and animation transitions.

NNita
70% match
Loading thumbnail…

Fork of Spinal cord and Nerves

This interactive 3D visualization depicts the human nervous system as a dynamic transition between emptiness and form, drawing on the Buddhist Heart Sutra. Using Three.js with a particle system and wireframe representations, it displays neural structures such as the CNS, PNS, and spinal cord, which users can explore through rotation, zoom, and selection. A slider adjusts the morph between chaotic dissipating particles and structured anatomical forms, while CSS2D labels provide details on each structure.

NNita
69% match
Loading thumbnail…

Nervous System Simulation

This interactive WebGL visualization depicts a simulated neural network as a glowing three-dimensional mass of branching neurons and curved connections. Users can click any neuron to trigger it, sending luminous signal pulses that travel along quadratic Bézier curve connections to neighboring cells. Built with Three.js and OrbitControls, the scene uses ray casting for neuron selection and an object-pooling system for efficient pulse rendering. A control panel allows real-time adjustment of firing rate, signal speed, and pulse size.

NNita
68% match
Loading thumbnail…

Fork of Fork of Taming the Dragon

An endlessly shifting, organic pattern of green light fills the screen, its form evolving through a continuous process of blurring and sharpening driven by values read from the canvas's image data. Mouse movement controls the "amount" parameter, subtly altering the balance between smooth diffusion and crisp definition. This generative art piece uses Canvas `getImageData`, custom blur and sharpen calculations, and a scale/translate transform for visual feedback, all rendered in an animated loop without external libraries.

CCurran Kelleher
68% match
Loading thumbnail…

Fork of Fork of Fork of Taming the Dragon

A generative animation fills the canvas with flowing, organic green fluid patterns that continuously evolve over time. The piece uses Canvas 2D `getImageData` and `putImageData` for per-pixel image processing, applying a blur and sharpen technique on the green channel, then doubling it for blue. Mouse position controls a blend amount between blur and sharpen, while subtle rotation and scaling transforms add slowly shifting motion. Randomly seeded green pixels blur together into softly glowing, branching formations as the animation loops.

CCurran Kelleher
68% match