alexpineda / titan-reactor Goto Github PK

View Code? Open in Web Editor NEW

40.0 6.0 4.0 118.29 MB

An OpenBW 2.5D map and replay viewer.

JavaScript 1.00% CSS 0.15% GLSL 1.14% TypeScript 97.51% HTML 0.20%

starcraft broodwar scr webgl threejs react

titan-reactor's Introduction

Titan Reactor

An OpenBW 2.5D map and replay viewer.

Written in TypeScript with Three.JS.

Visit www.blacksheepwall.tv for more

About

This is Titan Reactor the WebGL renderer + plugin system. It consists of three primary parts in order to function:

Titan Reactor - main app that loads replays & maps and creates sessions for viewing. Can be served statically.
Cascbridge - an asset server that reads from your Starcraft install and serves it to Titan Reactor locally
UI Runtime - the part of the application the runs in the iframe for UI plugins. Can be served statically.
Plugins - the plugins that can be served statically.

Requirements

A purchased copy of Starcraft Remastered.

Developing Plugins

See the CREATING_PLUGINS document.

Development Installation / Quick Start

Using node 18+, yarn 1.x

Clone this repo. The development branch is dev and main is used for releases.

In this repo:

git lfs install

git lfs fetch

yarn install

Now we want to run Titan Reactor, the ui runtime, the plugins, and cascbridge:

In your terminal run yarn web , in another terminal run yarn runtime, in the plugins repo npm run serve and run cascbridge.

The OpenBW wasm files are included (via git lfs). If you wish to build them yourself visit the openbw fork repository.

Code Architecture WIKI

Legal

The documentation and functionality provided by Titan Reactor may only be utilized with assets provided by ownership of Starcraft. Starcraft® - Copyright © 1998 Blizzard Entertainment, Inc. All rights reserved. Starcraft and Blizzard Entertainment are trademarks or registered trademarks of Blizzard Entertainment, Inc. in the U.S. and/or other countries. Titan Reactor and any of its maintainers are in no way associated with or endorsed by Blizzard Entertainment®

titan-reactor's People

Contributors

Stargazers

Watchers

Forkers

ppinfel mrmoonkr minthantsin hobal123

titan-reactor's Issues

Fix medium grass edges (eg. Sylphid, Optimizer)

refactor terrainY into Terrain object

It's getting used in both replay and map now, should be in one place, plus sharing too many variables that should be internal to Terrain

load initial sprites / doodads

frame data flags are not behaving as intended

eg. flying(), however when inspecting in console they do.... hmm

Normal map algorithm

A strong algorithm for normal maps can go a long way with visual quality of the map. Let's see what we can do?

Load command icons atlas from GRP

http://www.staredit.net/wiki/index.php?title=Cmdicons.grp

Hotkey system

Customizable hotkey configuration for manipulating the game state

Minimap

Convert Remastered Replays to 1.16

https://github.com/meszaros-lajos-gyorgy/node-pkware

Use jssuh replay loader and write back only BW chunks.

https://github.com/tscmoo/tsc-bw/blob/master/replay.h#L103
https://raw.githubusercontent.com/HearthSim/pyreplib/master/doc/replay_format.txt
https://github.com/njustesen/broodwar-analysis/blob/master/src/parser/bwhf/control/BinRepParser.java#L123
https://github.com/NikolajDL/SCReplayFileParser/blob/master/ReplayParser/Parser/HeaderParser.cs
https://tl.net/forum/brood-war/530390-dev-read-parse-the-121-replays

Add FPS monitor to Replay

Use Instances for units

https://threejs.org/docs/index.html#api/en/objects/InstancedMesh
https://codepen.io/prisoner849/pen/KKzLWVx?editors=0010
https://github.com/pailhead/three-instanced-mesh#readme
https://discourse.threejs.org/t/sprite-instancing-with-uv-mapping/17234/2

Mouse click event fails on new React UI

preventDefault on mouseDown of orbit control is causing issues

Change Terrain to utilize MeshPhysicalMaterial

custom cursor

spins when hovering unit

WebXR detect headset

Electron is not detecting the VR headset

Player PoV mode - "synthetic mouse"

Including correct cursors.

https://github.com/MicroDK/BWAPI-ReplayHelper/tree/main/Source
https://github.com/Plankton555/SSCAIT-ObserverModule/blob/master/source_bwapi_4/CameraModule.h
https://github.com/Plankton555/SSCAIT-ObserverModule/blob/master/source_bwapi_4/CameraModule.cpp

Dynamically generate frame data via node and headless bw

Convert angle to direction on BWAPI frame load

Fix high level doodads

Make them look good

Grass shader

Update three.js

Setup proper cube map for reflective surfaces

load remastered GRP

Already in progress with ddsGrp.js and anim.js. Will likely use the three DDS Loader.

https://github.com/mrdoob/three.js/blob/dev/examples/jsm/loaders/DDSLoader.js
https://github.com/neivv/animosity/blob/master/src/anim.rs

Optimize frame data filesize

https://blog.demofox.org/2018/06/04/a-neat-trick-for-compressing-networked-state-data/
https://github.com/node-modules/compressing

iscript data not fully loaded

Example iscript #144 missing last few opcodes

Create texture atlas per GRP

https://github.com/ShadowFlare/grpapi/blob/master/drawgrp/drawgrp.cpp
also grp.js in bw-chk

Do we pre-generate all grps? or on demand? or some kind of look ahead algorithm?

Move everything possible to web process

eg. DAT loaders, we can use http request for the binary or use invoke then do processing on the web view side with Buffer package.

Ensure textures arent hanging around in memory after loading them as textures

Rotate option for camera (maps only)

Unit POV

https://jsfiddle.net/ge0yx7zv/

Convert melee replays with multiple players to 2 players only

Some replays have observers in melee slots that lift their command centers because all the observer slots were taken. This is mostly in 1.16 replays but can occur in remastered as well. Do a clean up of the replay removing all non playing players so BWAPI can handle it as it only handles 1v1.

Fog of war

https://medium.com/@travnick/fog-of-war-282c8335a355
https://blog.gemserk.com/2018/11/20/implementing-fog-of-war-for-rts-games-in-unity-2-2/
https://3denginehowto.blogspot.com/2012/04/starcraft-2-technolgy-secrets-part-1.html

virtual bool isVisible(int tileX, int tileY)
virtual bool isExplored(int tileX, int tileY) const = 0;

bool isScannerVisible(BW::Position position)
{
int left = (position.x - 64) / 32;
int top = (position.y - 64) / 32;
int right = (position.x + 64) / 32;
int bottom = (position.y + 64) / 32;
for (int x = left; x <= right; ++x)
{
for (int y = top; y <= bottom; ++y)
{
if (BroodwarImpl.isVisible(x, y))
return true;
}
}
return false;
}

///   - Fastest: 42ms/frame
///   - Faster: 48ms/frame
///   - Fast: 56ms/frame
///   - Normal: 67ms/frame
///   - Slow: 83ms/frame
///   - Slower: 111ms/frame
///   - Slowest: 167ms/frame

  auto now = clock.now();
  auto speed = std::chrono::milliseconds(speed_override ? speed_override_value : vars.game_speeds_frame_times.back());
  if (speed > std::chrono::milliseconds(0)) {
    last_frame += speed;
    auto frame_t = now - last_frame;
    if (frame_t > speed * 8) {
      last_frame = now - speed * 8;
      frame_t = speed * 8;
    }
    if (frame_t < speed) {
      std::this_thread::sleep_for(speed - frame_t);
    }
  }

https://stackoverflow.com/questions/42950341/when-mouseover-hover-on-object-the-mouse-cursor-should-change-three-js
https://stackoverflow.com/questions/58265765/how-to-highlight-mouse-pointer-area-in-three-js
https://www.reddit.com/r/threejs/comments/eba9l3/3d_cursor_using_threejs_html_css/
https://css-tricks.com/using-css-cursors/

also for POV
Cursor Image is 445

alexpineda / titan-reactor Goto Github PK

titan-reactor's Introduction

Titan Reactor

An OpenBW 2.5D map and replay viewer.

Written in TypeScript with Three.JS.

Visit www.blacksheepwall.tv for more

About

Requirements

Developing Plugins

Development Installation / Quick Start

Legal

titan-reactor's People

Contributors

Stargazers

Watchers

Forkers

titan-reactor's Issues

Recommend Projects

Recommend Topics

Recommend Org