đź—’ Introducing Gimkit Documentation! (Modular Tutorials In-Game)

I’m going to share more about this once twofour gives me the green light, but yeah, this project is now nothing but a day on the forums and a fair bit of code. The Gimkit Technical Club is helping out, and a few people have written things, but unfortunately this will never happen at the scale I hoped for originally. That being said, I’m not going to let Gimprint go yet. So for a little bit, before my editing time runs out, I can still share the progress on Gimprint.


The one thing that I hope comes out of this is someone else does not make the same mistake. Maybe an update or addition to the rules is in order.


Changelog

Project relocates to codeberg.org
1.5.0 Added an opening popup screen, full screen mode, and overhauled color scheme


1.2.2 Minor fix where script would not load due to Gimkit’s Content Security Policy


1.2.1 Switched icon library from Font Awesome to Feather svgs


1.0.1 Minor fix with scrolling overflow fix


1.0 Gimprint launches with a simple tutorial banner at the bottom of the Gimkit interface


Gimprint is conceptualized on 11/30 and announced here in early January. Originally hosted on Github.

Original Post

Introduction


Hello everyone! I’ve been working on this for a while, and it seems I’ve finally finished. It took me way to long- and a thousand lines of code- to finish the demo, but I’ll get to that in a minute. I had the idea for this project towards the end of November, but it’s changed a lot since then, and I’ll talk about that as well. Basically, I decided I wanted to code something for Gimkit that was simple and easy to use, beginner friendly, and didn’t require downloading anything or trying to add extensions to managed computers.

Project Backstory and Details

Project Backstory


At first, I had the thought to make Gimkit hacks, as I’m sure many of you have had as well. But that’s already a well treaded path in the Gimkit community, and after talking with some of the Gimkit mod developers, I decided it wasn’t really needed.

Then, I decided to make a bookmarklet that would automate simple tasks in Gimkit Creative, like choosing from a couple of inputs, pressing a button, and then the script would automatically place devices that made up a mechanism. I still think there is promise in that idea, but I’m going to hold off on developing it for a while.

At this point, I had decided that the forums were distracting me a little too much from this project- what was at the time called Codeprint- so I decided that a suspension was probably the right course of action, at least until I had made more progress on the project.

Project Announcement


I landed on the idea that I’m currently announcing: an in-game series of tutorials, each in their own bookmarklet, that would teach Gimkit Creative from beginner concepts to art, code, and advanced theories. Each tutorial, or module, would only be a couple lines of code that people could easily copy and paste into a bookmark.

But the real idea- because while developing the structure and code for this project was hard, it wasn’t super challenging- was that the community, as in all of you, could collaborate on this. Each tutorial, written by a different person, would mean the current minds in the community were literally teaching the next generation Gimkit Creative. The project (which still needs a name, voting comes later) would be completely open source, and I’ve already written out a list of all the modules.

Open Source, Community Driven Project


In order to make this project happen, we need anyone with a little specialized Gimkit experience to write free tutorials. If you want to write a tutorial, that would be awesome! I’ll get to the current draft of planned modules in a second, but for now here are the requirements/options for writing a tutorial:

Options for Writing Tutorials

  1. You must have a decent command of the English language. I will edit for grammar and you can revise, but you should be capable of writing well-graded essays. I won’t eat you for your grammar but this is a public, open source, search engine indexed project. The internet will see what you write.

  2. You must be either a) generally knowledgeable about the basic concepts of Gimkit Creative if writing for the beginner modules or b) a community-known resource for information on a specific subject.

For example, @Slim and @Bird would likely be capable of writing all beginner modules and @Matheas and @SirWyWy would be good choices for the barrier and terrain art modules. You don’t really need to worry about this requirement, as in the end your writing will only be used basing off of its quality, not the person who wrote it.

  1. You are more than welcome to co-write a tutorial with a fellow community member.
  2. This project will have versions, so if you ever want to rewrite a tutorial you or someone else wrote down the line, you will be able to.
  3. If you ever decide, for any valid reason, that you no longer want your tutorial to be used, then it will be removed from the current version. Keep in mind though that GitHub (explained later on) shows changes (diffs) in files, so there will always be a record. That’s just the internet, so be mindful of this before deciding to author a tutorial
  4. Credit where credit is due- you can choose to either credit yourself in the tutorial or simply have it say, “Written by a community member”. You decide the name used and it can be changed later on, but again, Rule Five is still applicable here.

Obviously, I’ll just be incredibly grateful that you wrote something for the project. You don’t need to worry too much about all of these rules and options.

Tutorials & Modules


This is probably going to be the most asked about section, so right away I’ll say that this list is subject to change all the time. I’m open to suggestions and you can debate amongst yourselves as much as you’d like. The more, the merrier!

Modules List


Gimkit Basics:

  1. Getting started
  2. Using props and terrain
  3. Using devices
  4. Channels and wires
  5. Basics of block code
  6. Learning Mechanisms:

Gimkit Basics Projects

  1. Movement Meter
  2. Elevation Overlay
  3. Teleportation
  4. Randomization

Gimkit Creative Art:

  1. Introduction to Barrier Art
  2. Introduction to Text Art
  3. Introduction to Terrain Art & Prop Art

Gimkit Creative Art Projects:

  1. Barrier Art Dragon
  2. Text Art Dragon
  3. Terrain & Prop Art Dragon

Block Code:

  1. Introduction to Blockly
  2. Using Custom Blocks
  3. Variables

Block Code Projects:

  1. Timer
  2. Loot Tables

Game Design

  1. Planning
  2. Communication
  3. User Interface
  4. Continuity

Game Design Projects:

  1. Restaurant Tycoon
  2. Difficulty Chart
  3. Dungeon Crawler

Gimkit Theory

  1. Advanced Update Order
  2. Text Display
  3. Random Generation

Like I said. It’s not permanent and I was rushed figuring them all out. I know I forgot things.

Please don’t eat me for it. I think it’s illegal to eat turtles anyway.

So yeah! That’s about it!
Oh wait. Nope. One more thing. Codeberg.

Codberg


This whole sections is now out of date and obsolete. In the spirit of, uh, laziness, I left it here with a couple of notes.

So, how is this project actually existing? How is it actually open source and usable? How did I figure out to make it only a few lines of code to use but hundreds of lines of code to write? I forced esbuild to minify my code GitHub! Time to explain.

I think several times now I’ve mentioned that I condensed the tutorials to be available in just a few lines of code, pasted into the url of a bookmarklet. The reason you have to condense (or minify) your bookmarklet code is because there is a character limit. Most urls aren’t incredibly long, whereas code can be. My tutorial demo was about 1,000 lines and that wouldn’t be great. I wanted it to be easy for Gimkit beginners to just copy the code without worrying about missing any. The whole project is designed around ease of use (and the color blue, more on that later).

Or according to Squid, there is no bookmark url limit. Sounds good.

This is where Codeberg comes in handy. With a public repository (folder that stores all of the code), you can actually link to one of the repository’s files inside of your javascript code and it will run. Since this project isn’t very technically complex or high performance, it will run pretty much instantly. So we can have tutorials as long as needed and as short as needed, all easy to use.

However, Gimkit doesn’t like it when I try and do that so now it’s just a bunch of code. Sorry. And also, yeah, codeberg.org now.

Using Codeberg with a public repository and an MIT license is what makes this project open source. Anyone can view or make changes to it and can use it in their own code free of charge, forever.

So if you want to check out the repository, follow the instructions at the end of this topic.

glowingTurtle/Gimprint: A modular tutorial bookmarklet series for learning to use Gimkit Creative. - Codeberg.org

Too long; didn’t read? Yeah, that’s fine. I won’t really mind if you ask a question I answered that’s hidden in there somewhere. It’s kind of dense. But if you want to see the modules list, requirements and options for writing tutorials,

Introducing the Project


Using javascript, I’ve written a script that works as a bookmarklet to create an in–game tutorial service for Gimkit. Basically, you select the tutorial you want to use from a list, copy the few lines of code, and paste it into the URL field of a bookmark. I designed it myself and I worked so incredibly hard on the UI and modules list that I’m going to take a break from coding for like a week haha.

So you’re probably thinking, great, some Gimkit guy made some useless code that opens a banner on my screen and tells me what to do. And yeah, maybe that’s underwhelming. What I think is neat is that it’s completely open source and will be in a repository on Codeberg, is beginner friendly, requires no extensions, downloads, or breaking the Gimkit Terms of Service, and is a community project.

Community project?

Community Written Tutorials


Yeah, it is. See, it’d be easy if it was just me writing a bunch of tutorials for Gimkit beginners to follow, but it’s actually going to be written mostly by you. Read the details for more information, but basically anyone with Gimkit experience in a specific category and has decent writing skills can volunteer to write a tutorial- or an entire module (chapter of different grouped tutorials and projects)- and then submit it to be used. You’ll get credit, you can write it with a friend, and it will be used in the project.

Rewritten Step-by-Step Guides


But there’s more. There are amazing guides on here that can be rewritten in this new tutorial program. Think of it as in no more switching between tabs, just following instructions with troubleshooting and hints inside Gimkit itself. So if you’ve written a guide- like @BrownSugarAlien’s wiki- and want to also make it into a step by step tutorial, then you’re more then welcome to.

Gimkit Artists


And lastly, there’s one group of people reading this who probably feel left out. Those are the Gimkit artists. Well, there’s actually something for you as well. You can volunteer your art to be used in tutorials. What do you mean by used? Well, you can either submit some of your best pieces to be used as sort of extra gallery material, which when clicked will link to your user profile here…

… but you can also do tutorial art. By this, I mean coming up with simple illustrations that help convey the tutorial information across on each slide. These could be drawings of diagrams, gims, or more doing the actions in the tutorials. It’s up to you, and you’d work with the tutorial writer on it. In fact, you could write a tutorial and do the art if you want- especially if it’s one of the art modules!

Modules & Tutorials List Draft


I just want to point out that this isn’t an exhaustive list. We can add, and should add, more tutorials and modules that I’ve likely left out due to a lack of storage left in my head. But here’s the current draft I’ve written.

Gimkit Basics:

  1. Getting started
  2. Using props and terrain
  3. Using devices
  4. Channels and wires
  5. Basics of block code
  6. Learning Mechanisms:

Gimkit Basics Projects

  1. Movement Meter
  2. Elevation Overlay
  3. Teleportation
  4. Randomization

Gimkit Creative Art:

  1. Introduction to Barrier Art
  2. Introduction to Text Art
  3. Introduction to Terrain Art & Prop Art

Gimkit Creative Art Projects:

  1. Barrier Art Dragon
  2. Text Art Dragon
  3. Terrain & Prop Art Dragon

Block Code:

  1. Introduction to Blockly
  2. Using Custom Blocks
  3. Variables

Block Code Projects:

  1. Timer
  2. Loot Tables

Game Design

  1. Planning
  2. Communication
  3. User Interface
  4. Continuity

Game Design Projects:

  1. Restaurant Tycoon
  2. Difficulty Chart
  3. Dungeon Crawler

Gimkit Theory

  1. Advanced Update Order
  2. Text Display
  3. Random Generation

So there you have it! That’s the current working list, and we’ll definitely add more.

The Actual Interesting Stuff


So I realize I’ve talked a lot about the script I wrote, but you haven’t seen any pictures of what it looks like. I’ve already gotten some feedback on the design from some artists, and I’m open to more. I already plan to add a settings icon with background color customization and a resize feature, but here’s the pictures.

I’d like to note that this is currently a mockup, and you’ll see why. Part of the script is dynamically moving the Game Start and Settings Gimkit buttons up 150 pixels so you can view the banner and edit the entire map. However, believe it or not I haven’t gotton a picture of it yet because my device does not allow for console access or bookmarklet access, so this is the real code overlayed on a screenshot of a Gimkit map. That’s why they’re cut off.

Also, I use Feather icons now so they’re SVGs that Gimkit doesn’t try to oof the moment they load.

Full Banner


In the top left corner, there is an <i class=“fa-solid fa-xmark fa-xs”> button, as in an x, that simply closes the entire tutorial and resets the position of the buttons.

In the top right corner, there is an <i class=“fas fa-minus fa-xs”> button that minimizes the banner section into the footer (the blue part) in a smooth animation. Once that has happened, the screen will look something like this:

Minimized Banner


You again cannot see the buttons, but for the same reason as above they should work.

In the left corner, there is an <i class=“fas fa-chevron-left fa-xs”> leftwards facing arrow that, when pressed, moves the tutorial back a slide on the main banner.

In the right corner, there is an <i class=“fas fa-chevron-right fa-xs”> rightwards facing arrow that, when pressed, moves the tutorial forward a slide on the main banner.

You can close the banner, move forward or backwards a slide, and see the next page of content.

Additionally, there is a <i class=“fas fa-plus fa-xs”> maximize button that smoothly animates the opening of the banner and the movement of the buttons back to the original, full banner screen.

In Development


I’m already working on adding these things:

  1. A settings icon that allows for choice of background color, font size, and accessibility options
  2. A place for the featured Gimkit fanart
  3. Some more subtle animations
  4. One full course that is compiled of all the modules and is in one script

Voting


There are some things to vote on!

Project Name
  • Gimprint
  • Codeblock
  • Gimdocs
  • Dockit
  • Gimkit Documentation
  • Other
0 voters
Will you contribute?
  • Yes
  • No
0 voters

Again, if you have any questions, comments, or feedback, feel free to post. This took me almost exactly a month from the original idea to where the project is today, so if you are feeling generous please consider leaving a like :heart: . I’m going to leave again eventually and it’s not like I’m ever going to get regular haha so you can flag if you want, but I’d like people to at least see this.

@twofoursixeight never got back to me about allowing or denying this post, so… if you see this, you can decide, I guess.

Finally, here’s the link to the Codeberg project.

Yeah no luck with that lol.
The repository is under the user “glowingTurtle” and it’s currently called “Gimkit-Documentation”, search it up using the Codeberg search tool. Strangely the link is blocked (not anymore lol), not really sure why. I haven’t uploaded the code yet, I will do that soon.

If you contribute, you will of course be credited in the project!

Thanks for reading!
-
Turtle

32 Likes

erm you put the ideas twice

kinda like tugted~ but gimkit version and not forums version~ I like it.

I’ll try to do some blocks and device tutorials.

8 Likes

Yeah, that was on purpose, because that’s the big idea that can change.
Hth, did twofour ever contact you about this?

7 Likes

if I have time, then I might help with the art for the project.

5 Likes

Awesome! Maybe this could be a wiki so people can add their names to a list to keep track of who’s doing what? Just an idea.

5 Likes

Wow, so this is what you have been cooking up. This is very neat!
Making Gimkit Creative more beginner friendly is something that we need to keep players building and ideas flowing i guess.

7 Likes

Quick question- I’d like to help with this, it seems really cool, but how exactly are we supposed to submit the text/modules we’d like to help make?


twofoursixeight mentioned it and asked what we thought, but we never responded and didn’t really talked about it so I’m not sure what the decision is. I’ll bring it up again.

4 Likes

So, I was going to say add it directly to the code, but I want it to be as easy as possible. You can add it to a dropdown under the tutorial you wrot in the list if this becomes a wiki or something, or maybe reply with the text in a dropdown. I’d say personal message, but, um… yeah.

Whatever you think.


I was hoping to add a direct link to the repository on GitHub, but it’s blocked so I have no idea.

5 Likes

I have time to help with the project (yay)

3 Likes

Ok umm, so GlowingTurtle, after bringing it up I got a response so basically here’s what we’re saying right now:

So most mods & bookmarklets are known to doing damage to accounts, things like randomly giving out GimBucks, deleting maps, and just ruining accounts (note this is generalization). We’re trying to have this not happen, so we’re suggesting you might take this elsewhere, not the forum. This would be a good thing to talk about on the TGTC discord page, but I think we’re not going to let this stay here. Sorry.
This also means I can’t help you with this. Sorry again.

4 Likes

The Movement Meter

The movement meter in short terms drains an item from a person’s inventory and runs a task when it hits 0. Tag from Gimkit uses this device with their energy.

Go grab one, and try to click on it, so we can start the tutorial.

user clicks on it

There ya go!

A menu should have popped up under the “featured category.”


The tracked item should be energy go ahead and change that!

Now, we have to set how quickly how frequently it will drain energy.

Lets leave it at 0.5. Now, lets make it drain 15 energy per tick.
A tick is every time energy is drained if you were wondering.

You should have this:

Congrats on this step!

Go ahead and click on the “warning” section of the settings.
The warning amount runs a task when that amount or lower is reached.

Change the warning amount to 1000.

Great job!

Click on the all options tab.

Scroll down a bit, and you should see this.
The player speed is set when the tracked item is 0.
Leave it alone for now.

Also, did you notice the “use as default” option? That basically means that all players use this movement meter by default.

There ya go! The movement meter is done!

You know most basics and know how to manage this device well!

5 Likes

Alright.
I have no where else to put this, so this will just die.
I’m really sorry.
I guess… that’s it.
All that work, then.

Goodbye. This is kind of why I came back anyways, so I might see you guys around, but this is it.
Sorry again.

3 Likes

I thought that was only if the mod included code that did that? Only if it was coded in will it hand out gimbucks I thought?

3 Likes

yeah, I mean anyone could look and I can give you the code. It doesn’t do anything bad, I’d never do that. It’s super easy to tell. I don’t agree with the decision, but I have no choice but to respect it.

I don’t understand why people cannot still write things to give to me. It doesn’t really make any sense. But whatever. I’m not upset at all.

Sooo. Yeah. That’s all from me. Bye, you guys.
I feel so bad. I put so many hours into this. Let me know if you ever change your decision.

11 Likes

Listen, I feel the same. Personally, I feel this is an amazing way to help people learn Gimkit better, and I don’t think it would do any harm, I can tell you put a lot of work into this, and I think that this should stay. But that’s not what was decided, and that’s not what I was told to say.


Here’s my suggestion so that this can stay:
If you have discord, go and show hexa or squid or somebody and if they say everything looks fine, come back here and post the screenshot, and I’ll help you get this decision changed.
But that’s all I have the power to do.

@GlowingTurtle please don’t leave before seeing this! Noooo they already left and didn’t get to read this.

9 Likes

Can I give you the code? It’ll be incredibly obvious.
It has comments and everything.

2 Likes

Wait, I thought you were on discord?

1 Like

Sure, just give me the pictures of the code and I’ll see if I can swing the verdict.

1 Like

I’m still going to let the TL4 decide if this guide is feasible or not.

From Test pm:
“”"
Previous rulings show that mods aren’t really supposed to be thrown around on the forums. Besides, bookmarklets, mods, etc can be used to do serious damage to an account. Eg, wiping all creative maps, spending all gimbucks randomly, changing account info, etc.

Mods should only really be installed from trusted sources (tgtc, blackhole, squid, hexa), so i recommend redirecting GlowingSquid to the TGTC discord.
“”"

5 Likes

Just to elaborate on this- mods have the capability to do this, but as far as I know no mod to do any of this has ever been made or shared. Regardless, you should still be careful when running scripts of any kind, and you should only get them from generally trusted sources (eg, the TGTC discord, or Blackhole, Squid, or Hexa’s mods).

The big reason mods aren’t really allowed here is because the staff can’t reasonably check all of them to make sure they don’t contain bad code, and because the previous attempts at getting community-verified mods on the forums have gone badly. For example, a post by Hexa talking about Gimhook was unlisted and closed by Jeff.

The problem is less so with this mod, which is actually a really cool idea, and more so with the fact that it’s a mod being advertised on the forums.

9 Likes