Giter Site home page Giter Site logo

bijx / camouflage-blueprint-generator Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 95.8 MB

A three.js application that generates random weapon camouflage combinations similar to the Modern Warfare weapon blueprints.

Home Page: https://bijx.github.io/Camouflage-Blueprint-Generator/

JavaScript 92.51% HTML 3.81% CSS 3.67%
ai camouflage game-development generator gpt-4 guns skins texture threejs tileable

camouflage-blueprint-generator's Introduction

Tileable Camo Textures

[LIVE DEMO]

Camo Blueprint Generator

The CBG is an experimental online tool that generates random fictional weapons for video games, similar to bundles that can be found on many modern video games. When you generate a new weapon, the name, description, and weapon class are all selected from AI-generated options, and the weapon wrap (skin) is applied to the model on the screen. You can also download the camo pattern for your own projects for free!

This application uses three.js to display the various weapon models and textures.

What's the Point?

With the surging popularity of modern online video games and their concurrent users, a distinctive identity is something every player covets. Acquiring weapon or character skins, charms, stickers, and other cosmetic accessories often achieves this. The CBG taps into the allure of unique content in-game, suggesting a novel way for players to possess exclusive game items.

TL;DR: While the website is a fun-filled experiment, the prospects it hints at for future gaming are really exciting. ๐Ÿ˜

How it Works

While the term "generator" suggests creation, the CBG is more aptly a "remixer". It integrates pre-generated content to conserve resources for the sake of the experiment. The various generated components are described below:

Weapon Information

Every weapon is characterized by:

  1. Weapon Name: Deriving from subjects like astrophysics, ancient history, and philosophy, GPT-4 provides colloquial terms that lend an intriguing touch. These names serve as the foundation for the subsequent descriptions.
  2. Description: The AI-generated descriptions of what each weapon does and if it has any special abilities. With very limited guidance, the GPT-4 was instructed to create a description for each weapon based on its provided name.
  3. Class: Given its design for a fictional first-person shooter game, the weapon classes encompass: Assault Rifle, Sniper, Pistol, SMG, LMG, Melee, and Shotgun.
  4. OPTIONAL preferredTextureId: The camo texture related to the weapon name.

Example Weapon Object:

{
  "class": "Pistol",
  "description": "Sidearm that nullifies enemy healing for a brief period, embracing the void of recovery.",
  "weaponName": "Nihilism",
  "preferredTextureId": 19
}

Tileable Camoflauge Texture

A set of camo textures were also generated using Midjourney to create the unique skins for each weapon. Some skins were generated with prompts related to a specific weapon's generated name and description, so those textures are always associated with their respective weapons.

The camoflauge textures can be downloaded for each of the generated weapons, which is what makes the tool useful for game developers (or just tileable pattern enjoyers).

Technology Stack

The system was built as a static HTML site so it could be served using Github Pages. The script uses three.js to render the 3D models for each weapon class, which were UV-unwrapped and prepared ahead of time in Blender.

Licensing

This project is open-source, under the premise that the images were generated using Midjourney and hence, should be free from any copyright constraints.

Weapon Blueprint Generator

camouflage-blueprint-generator's People

Contributors

bijx avatar

Watchers

 avatar

Forkers

hiraertin

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.