100cal.space WELCOME TO MY MIND
I like to think. That is what I want to do for a living; Lend my point of view to help solve problems. 100cal 6.24.2021 This Website is a network of pages working in sync with a Roblox game where I can show some thoughts as a place you can visit.
A “Place” loosely based on lower south end Charlotte. A free space based on reality Exploring different possibilities. Displaying conceptual projects.
The Idea Factory
The Roblox Project 100CalSpace HOW TO VISIT. Visiting this world is free and easy. Sign-up to Roblox Download the Roblox app. Click the picture below to visit our World.
This is the first Social Hub profile made with the template. Note* 2/3/25: Repurposed- Dedicated UGC Store (No longer testing ground.)
More about The Roblox Project The Game 100CALSpace
playlist
Ep.1-15 -Different stages in early development. Ep.16-23 -Introducing The Network.
Travel
WALKING 1• The goal is one tool should allow you to control your speed. (Work in progress)
TELEPORTING 2• If you purchase a teleporter moving around becomes much easier. ( Use with caution. )
CAR PACKS 3•This tool should allow you to purchase and upgrade your car library.
SWITCHING WORLDS
1• "Interact" with a warp spot (Then touch it to go to that world.)
This is a warp gate. 2• Walk through a Warp Gate. They are always active ( Be careful not to touch one accid
1OOCAL TYCOON
1• Find a free tycoon and "Interact" with the door
This is a basic tycoon.
This is a basic bigger tycoon.
1• Collect your cash here.
Remove your "Base".
Add a home.
Home Models
template
We created a collection of models and scripts that were used to help us get started. Note* 2/3/25: Stalled- There has been many big changes to the game since this. No need to apply them all. (we might add updates in future)
100Cal Template
♦Test the template.
WHAT IT IS Exploring and building on the current knowledge and resources included with the Roblox platform. We arranged a basic template. THE GOAL 1.Recreate this as its own “Social network”. A Place where everyone who signs up gets their own PLACE connected to this world along with some guidance to easily develop it. 2.Show how useful this technology could be. The Reason This place features a more advanced starting point for new developers that want to just create experiences.
V3 features 10-13-2023 v3 ♠New Public & Private profile blanks. ♠Camera toggle (“sight” button) ♠Proximity prompts ♠Updated leaderstore2. ♠Updated Inventory/ Bag system. ♠Updated “payup” script (enemy grants reward) ♠Updated NPC manipulation. (move it)
how to
♦Create your version and share the link in your profile (under “Public Roblox Profile”) ♦That’s it to join the network. Here we are building a large collection of digital spaces. ♦Redesign your public profile (start place) to represent you. By adding your profile you are helping the ” The Roblox Project .” Grow. Currently we are working out different ways to connect these spaces directly into 100CAL Shop. Roblox was made for kids and games but can do so much more. They handle Basically everything you need to create 3d spaces. I studied for months how to do what they offer out the box. ♠Lights ♠Cameras ♠Animations ♠Models ♠Controllers (input systems) ♠Cross Platform support. ♠Servers (make it mmorpg). Any concept or design in a mind can be represented in a way words cant describe. On avg. uses at least 1-3gb memory. This is built to Test and Max out current tech capabilities. If it runs smooth you got lucky because this is not made for every device.
Credits to Phase 3 Creating & Learning . The list of credits is endless. There will someday be to many to name so, Thanks to any creator who shared information to keep this going. [Roblox studio resources] [Roblox studio toolbox contributors] [Ai assistants] Phase 2 arranging models and resources. A few creators key models that shaped this experience. @ –[[ Shiro75 ]]– (saving scripts, maps, inventory) @ Sothaereos (tycoon model) Phase 1 Learning using models and resources. A few creators of key models used to get started and keep me going. @officialbunnyRB @timothytheawesome. @sanstacos @PadmeOraganna V1 features 7-3-2022 v1 ♠A New style model(R15) that loads original shirt pants template. ♠Teleport system to support connecting worlds ♠“Money” Leader board that saves between sessions ♠Tool save system- keep tools between sessions. ♠Position save system ♠Shop system: create item system ♠Inventory system/ drop button for mobile V2 features 7-4-2023 v2 ♠Teleport system to support connecting worlds ♠“Money” Leader board that saves between sessions ♠Tool save system- keep tools between sessions. ♠Position save system ♠Shop system: create item system ♠Inventory system/ drop button for mobile
art hub
Music Create a playlist of every song you heard and sorta liked. We label them ends because… this is the soundtrack of our life. You know when to play it. Some examples and tools to do so below
music
shop
videos
intro
THE FIRST THREE
100CAL See things for what they are.
CALM This represents the Realist. See things for what they might be.
CHAOS This represents the Optimist. See things for what they can be.
Reality Heart – ART – Diamond – FUNCTION – Digital Club – FUNCTION – Spade – ART –
Welcome to The Social Hub 100calSpace connecting users through an interactive Roblox experience. The Network Meet new people, reconnect with friends, and explore shared environments. This space bridges our worlds with those created by Ranked and Trusted users who join
Profiles Your profile here is a Hub for your Social Media profiles certified by you. To begin Login to 100cal.space to get a profile. Your user profile is a personal page with links to your chosen social media accounts. Customize it to share your presence across select platforms. Click the picture above to see an example.
Share your Roblox Game
Create Music centered experiences. If you have a song you want to share, turn it into an experience.
Create and display your perspective on videos that influenced you
Create Car centered experiences. A small collection of car knowledge we want to share. Got some information to add? Turn it into an experience.
Create experiences centered around Plant life & care. If you have any knowledge you want to share, turn it into an experience.
Create Food centered experiences. If you have a recipe you want to share, turn it into an experience.
THE RANT If we had the ability to "fix" the world would we? Could we? How?.... I doubt this would fix everything but here is Just a thought or two about a differnt world.
The Rant
Problems that have been bugging me....
HOMLESSNESS
POVERTY
HUNGER
NATURAL DISASTERS
DISEASE
map
<html> <head> <title>Map1</title> <style> /* Main container */ .container { position: relative; background-color: transparent; width: 100%; height: 600px; } /* Scroll container */ .container-c { width: 100%; height: 500px; overflow: auto; position: relative; border: 3px solid #000; touch-action: pinch-zoom; } .image-container { width: 5000px; height: 5000px; overflow: auto; position: relative; } img { display: block; margin: auto; width: 5000px; height: 5000px; } /* Links */ .link-container { position: absolute; top: 0; left: 0; width: 5000px; height: 5000px; } .link-container img { position: relative; } .link { position: absolute; cursor: pointer; } .link img { width: 100px; height: 100px; z-index: 8888;} #link1 { top: 2500px; left: 2500px; }/* HOME */ #link2 { top: 2200px; left: 2400px; }/* PUBLIC PROFILE */ #link3 { top: 2000px; left: 2100px; }/* GAMES */ #link4 { top: 2200px; left: 2700px; }/* SCENES */ #link5 { top: 2350px; left: 2800px; }/* TEMPLATE */ /* Link description */ .tooltip { position: relative; display: inline-block; background-color: #fff; color: #000; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 100px; overflow: auto; background-color: #fff; color: #000; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: relative; bottom: 80%; left: 50%; margin-left: -60px; z-index: 9999; } .tooltip:hover .tooltiptext { visibility: visible; } /* buttons */ .container-b { position: relative; top: 90%; left: 1px; background-color: #000; width: 100%; height: 45px; z-index: 9999; } .zoom-in { position: absolute; top: 5px; left: 30%; background-color: #000; border: 1px solid #fff; padding: 5px; cursor: pointer; } .zoom-out { position: absolute; top: 5px; left: 75%; background-color: #000; border: 1px solid #fff; padding: 5px; cursor: pointer; } .zoom-max { /* home */ position: absolute; top: 5px; left: 5px; background-color: #000; border: 1px solid #fff; padding: 2px; cursor: pointer; } .zoom-max2 { position: absolute; top: 5px; left: 60%; background-color: #000; border: 1px solid #fff; padding: 2px; cursor: pointer; } .zoom-maxout { /* big pic */ position: absolute; top: 5px; left: 18%; background-color: #000; border: 1px solid #fff; padding: 2px; cursor: pointer; } /* end */ </style> </head> <body> <div class="container"> <div class="container-b"> <div class="zoom-in">+<span class="tooltip">+<span class="tooltiptext">Zoom in</span></span></div> <div class="zoom-out">-<span class="tooltip">-<span class="tooltiptext">Zoom out</span></span></div> <div class="zoom-max">♥<span class="tooltip">+ <span class="tooltiptext">Home</span></span></div> <div class="zoom-maxout">♦<span class="tooltip">-<span class="tooltiptext">Big Pic</span></span></div> <div class="zoom-max2">♦<span class="tooltip">+ <span class="tooltiptext">Center</span></span></div> </div> <div class="container-c" > <div class="image-container"> <img src="https://static.wixstatic.com/media/af950d_c98b843b61a14337b869b2e2f9b06d74~mv2.jpg" alt="Example Image"> <div class="link-container"> <a href="#" class="link" id="link1"> <img src="https://static.wixstatic.com/media/af950d_56e9bb0761294d808c87bf7c2ae227b3~mv2.jpg" alt="Link2"> <span class="tooltip">THE SHOP<span class="tooltiptext">This is a tooltip!!<img src="https://static.wixstatic.com/media/af950d_56e9bb0761294d808c87bf7c2ae227b3~mv2.jpg" alt="Link2"> </span></span> </a> <a href="#" class="link" id="link2"> <img src="https://static.wixstatic.com/media/af950d_3152668047db415fa66a32ad9314c6d1~mv2.png" alt="Link2"> <span class="tooltip">PUBLIC PROFILE<span class="tooltiptext">This is a tooltip!</span></span> </a> <a href="#" class="link" id="link3"><img src="https://static.wixstatic.com/media/af950d_5d7c1eabdf1b47faa8268e20a96b442b~mv2.png" alt="Link3"> <span class="tooltip">GAMES<span class="tooltiptext">This is a tooltip!</span></span> </a> <a href="#" class="link" id="link4"><img src="https://static.wixstatic.com/media/af950d_63b4bd8ee22f4894bd2c185684413351~mv2.png" alt="Link4"> <span class="tooltip">SCENES<span class="tooltiptext">This is a tooltip!</span></span> </a> <a href="#" class="link" id="link5"><img src="https://static.wixstatic.com/media/af950d_f28200e4e1a741c292821a9ff968f66d~mv2.jpg" alt="Link5"> <span class="tooltip">THE TEMPLATE<span class="tooltiptext">This is a tooltip!</span></span> </a> </div> <script> const img = document.querySelector('.image-container'); const zoomInBtn = document.querySelector('.zoom-in'); const zoomOutBtn = document.querySelector('.zoom-out'); const zoomMaxBtn = document.querySelector('.zoom-max'); const zoomMax2Btn = document.querySelector('.zoom-max2'); const zoomMaxBtn2 = document.querySelector('.zoom-maxout'); const container = document.querySelector('.container-c'); let scale = 1; img.addEventListener('gesturestart', function (e) { lastScale = e.scale; }); img.addEventListener('gesturechange', function (e) { const scale = lastScale * e.scale; img.style.transform = `scale(${scale})`; }); img.addEventListener('gestureend', function (e) { lastScale = e.scale; }); zoomInBtn.addEventListener('click', () => { if (scale < 1) { scale += 0.1; img.style.transform = `scale(${scale})`; } }); zoomOutBtn.addEventListener('click', () => { if (scale > 0.11) { scale -= 0.1; img.style.transform = `scale(${scale})`; } }); zoomMaxBtn.addEventListener('click', () => { scale = 1; img.style.transform = `scale(${scale})`; container.scrollTo({ top: (img.offsetHeight - container.offsetHeight) / -2, left: (img.offsetWidth - container.offsetWidth) / -2, behavior: 'smooth' }); }); zoomMax2Btn.addEventListener('click', () => { scale = 1; img.style.transform = `scale(${scale})`; container.scrollTo({ top: (img.offsetHeight - container.offsetHeight) / 2, left: (img.offsetWidth - container.offsetWidth) / 2, behavior: 'smooth' }); }); zoomMaxBtn2.addEventListener('click', () => { scale = 0.1; img.style.transform = `scale(${scale})`; img.style.transformOrigin = 'center center'; container.scrollTo({ top: (img.offsetHeight - container.offsetHeight) / 2, left: (img.offsetWidth - container.offsetWidth) / 2, behavior: 'smooth' }); }); </script> </div> </div> </div> </div> </body> </html>