OpenSiv3D for Web

This page is targeted who uses the previous version of OpenSiv3D for Web and no longer maintained.

▷ Click/Tap to Play

OpenSiv3D for Web brings you to developing interactive WebGL application with C++17!

Getting Started

Download OpenSiv3D for Web Or Try OpenSiv3D for Web on Browser

# include <Siv3D.hpp> // OpenSiv3D v0.4.3

void Main()
{
  Scene::SetBackground(ColorF(0.8, 0.9, 1.0));
  const Font font(60);
  const Texture cat(Emoji(U"🐈"));
  
  Vec2 catPos(640, 450);

  Platform::Web::System::SetMainLoop([&]()
  {
    System::Update();

    font(U"Hello, Siv3D!🐣").drawAt(Scene::Center(), Palette::Black);
    cat.resized(100 + Periodic::Sine0_1(1s) * 20).drawAt(catPos);
    Circle(Cursor::Pos(), 40).draw(ColorF(1, 0, 0, 0.5));
    
    if (KeyA.down())
    {
      Print << U"Hello!";
    }
    
    if (SimpleGUI::Button(U"Move the cat", Vec2(600, 20)))
    {
      catPos = RandomVec2(Scene::Rect());
    }
  });
}

Gallary

Basic Sample

Ordinal Siv3D Basic Sample!

Play!

Pinball

Exciting PinBall Game!!!

Play!

Piano

Online Tiny Piano Keyboard.

Play!

BreakOut

Simple BreakOut Game

Play!

GameOfLife

Game Of Life

Play!

EmojiTower

Emoji Stacking with 2D Physics

Play!

Shooter

Vertical Scroll Shooting

Play!

Fifteen Puzzle

Fifteen Puzzle

Play!

NumberChain

Chain Game

Play!

Typing

Typing

Play!

Kaleido Scope Sketch

Kaleido Scope Sketch

Play!

SketchToPolygon

Your Sketch will be converted into Polygons

Play!

Audio Player

Audio Player

Play!

Image to Polygon

Image to Polygon

Play!

Sketch

Sketch

Play!

Face Detection of Anime Character

Face Detection of Anime Character

Play!

Siv3D Script

Script

Play!

WebCamera

Camera also works on Siv3D.

Play!

ShineOfLife

Osaka Bampaku Character.

Play!

CI Status

OpenSiv3D for Web v0.4.3

  • Stable Branch: C/C++ CI for Web
  • Develop Branch: C/C++ CI for Web