惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - Franky
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
A
About on SuperTechFans
博客园 - 【当耐特】
Microsoft Security Blog
Microsoft Security Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
The GitHub Blog
The GitHub Blog
雷峰网
雷峰网
博客园_首页
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
IT之家
IT之家
博客园 - 叶小钗
Google DeepMind News
Google DeepMind News
aimingoo的专栏
aimingoo的专栏
博客园 - 聂微东
B
Blog RSS Feed
H
Help Net Security
Recent Announcements
Recent Announcements
阮一峰的网络日志
阮一峰的网络日志
D
DataBreaches.Net
L
LangChain Blog
Vercel News
Vercel News

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
the Last Sunset
gulnur · 2026-06-21 · via DEV Community
Cover image for the Last Sunset

gulnur

June Solstice Game Jam Submission

This is a submission for the June Solstice Game Jam

What I Built

The Last Sunset is a browser-based narrative survival game inspired by the June Solstice theme.

The concept explores a world where time itself is collapsing. Each day becomes shorter than the last, and the sun is gradually fading from existence. The player controls an autonomous AI archival unit tasked with preserving fragments of human civilization before the final sunset.

Instead of traditional combat or scoring systems, the game focuses on knowledge preservation. Players collect “data capsules” containing remnants of human history such as scientific discoveries, space exploration missions, and digital archives.

As the game progresses, the environment becomes increasingly unstable, reflecting the collapse of both time and memory.

Video Demo

Code

The project is built using:

  • Vanilla JavaScript (no frameworks)
  • HTML5 Canvas API for rendering
  • Custom game loop with time scaling
  • Procedural particle system for feedback effects
  • Dynamic day/night cycle with a shrinking sun mechanic

🔗 GitHub Repository:

🌅 The Last Sunset

A small narrative browser game inspired by the June Solstice.

In a world where the sun is slowly fading away, you play as an AI archive unit collecting fragments of human knowledge before the final sunset.

The Last Sunset Banner

🎮 Features

  • Dynamic day cycle
  • Shrinking sun mechanic
  • Knowledge capsule collection
  • Collapse Mode after Day 7
  • Multiple endings based on progress
  • Built with HTML5 Canvas and Vanilla JavaScript

🕹 Controls

Action Key
Move Left A
Move Right D
Jump Space

🚀 Run Locally

git clone https://github.com/yourusername/the-last-sunset.git
cd the-last-sunset

Start a local server:

python -m http.server

Then open:

🛠 Tech Stack

  • HTML5
  • CSS3
  • JavaScript
  • Canvas API

🏆 Challenge

Created for the June Solstice Game Jam.

Preserve humanity's knowledge before the last sunset.



Key systems include:

  • Collision detection (AABB)
  • Particle burst system for interactions
  • Screen shake and slow-motion effects
  • Narrative memory synthesis system
  • Collapse mode visual degradation system

How I Built It

I started with a simple canvas-based platformer and gradually evolved it into a narrative-driven experience.

The core design decision was to avoid traditional “win/lose” mechanics and instead focus on emergent storytelling through systems.

Key implementation steps:

Built a physics-based movement system (A/D + jump)
Added procedural spawning of “knowledge capsules”
Designed a dynamic time system where each day becomes shorter
Implemented a shrinking sun to visually represent entropy
Introduced a “collapse mode” after Day 7 where visual glitches and terminal corruption begin
Created a memory synthesis system that generates a final narrative based on collected data

To improve game feel, I added several “juice” effects:

Particle bursts on pickup
Camera shake on interaction
Slow-motion moment during collection
Terminal-style archival feedback

These small additions significantly improved immersion and emotional feedback.

Prize Category

🧠 Best Ode to Alan Turing

The game’s narrative structure is inspired by computational memory and symbolic reconstruction of information — concepts closely aligned with Alan Turing’s legacy.

The “memory synthesis system” at the end of the game reconstructs a final narrative from fragmented data, similar to how an intelligent system interprets incomplete information.

🤖 Best Google AI Usage

The concept of emergent storytelling and memory reconstruction was designed with AI-inspired thinking in mind.

The final system behaves like a simplified symbolic model that reconstructs meaning from partial inputs, similar to how modern AI systems generate coherent narratives from fragmented context.