#javacript
Explore tagged Tumblr posts
scott17899 · 9 months ago
Text
Tumblr media
My web browser game, Superdeb!, is finally published! Play now completely free at https://scott2.neocities.org/superdeb/
Tumblr media Tumblr media Tumblr media Tumblr media
5 notes · View notes
retrcmoon · 2 years ago
Text
Tumblr media
PRETTY BOY - BLOG THEME !!!
This blog theme is completely free. Please support me and my work by liking and reblogging this post!
[ INFORMATION ]
Contained theme with the option of 400px, 450px, 500px and 540px posts.
Custom Body Font sizes
A collection of choosable Fonts.
Multimuse Tab
Singlemuse Tab
Navigation Tab
Fully supports NPF (beta editor) posts (but also works with legacy posts still)
Everything is responsive and doesn't need editing in the code itself
Only the multimuse tab and singlemuse tab need editing in the code but everything is fully explained there.
[ GUIDELINES ]
Do not claim as your own.
Do not remove the credit!
Do not use as a base code or take parts of this code for your theme.
Feel free to edit as much as you want!
All credits are mentioned in the code!
Live Preview & Code (unavailable) Static Preview & Code (No Javacript functions available) Pictures of the:  Muse Tab / Singlemuse Tab / Navigation Code (without preview)
1K notes · View notes
ataleofcrowns · 10 months ago
Note
hi i'm so sorry but if you feel like it could you help explain how to create a codex page in twine... i've just started figuring out twine and i'm extremely lost
There may be easier ways to do this, so mind you that I can only explain to you how I did it way back when I first made AToC. I'll start from the beginning, since I'm not sure how much you have or haven't figured out yet. I'm also not especially adept with coding, I just know enough basics to help me along!
Mind you these are instructions for Sugarcube, I don't know anything about Harlowe. You will need to know how <<if>> macros, variables and links work in order to understand this explanation.
First, if you want your codex links to show up in your sidebar, you need to create a passage called StoryMenu, which is where you can drop the links to your codex passages.
Further, if you only want the links to show up after the player has reached a certain point in the story, the easiest way I figured out how to do it is to create a variable.
Let's say, you only want your Character Codex to unlock after a player has reached a certain passage in the main story, then you should create a variable for it (e.g. $charcodex). At the passage where you want the codex to unlock, simply set $charcodex to true, and in your StoryMenu passage, qualify the link to the Character Codex with a simple <<if>> macro.
This is an example of what the StoryMenu of a very early build of AToC looked like:
Tumblr media
Very basic! For AToC's current build, it looks a lot more complicated as I'm using a template with additional CSS code for formatting. I'm sure there's other ways to do it as well, but I'm not particularly adept with code so this is what worked easiest for me.
So, you've created your Character Codex, and it shows up in your StoryMenu, what now? Simple: just link to individual passages in your Character Codex however you want to format it. Like so:
Tumblr media
There's a whole host of ways to format individual codex pages depending on your needs, like images or basic CSS code, but I won't get into that right now, you should be able to find tutorials for that!
Another important note: make sure to include the following code to your Javacript section, under the "Story" tab of the menu in Twine. It prevents players from getting caught in a loop of passages while they're going through the codex pages and the main story:
// MAKING SURE RETURN TO GAME LINKS DON'T CREATE A LOOP $(document).on(":passagestart", function() { if (!tags().includes("noreturn")) { /* If it doesn't, then set $return to the current passage name. */ State.variables.return = passage(); } });
This code requires you to tag any codex passages, both menus and individual ones, with "noreturn", like this:
Tumblr media
Hope that explanation helped you!!
But, as I said, I'm not particularly skilled with coding. For future reference, if you need more coding resources, I would recommend checking out @/nyehilismwriting, @/idrellegames, and @/manonamora-if who have all set up extensive masterlists for coding resources or have answered questions from others that may be useful to you!
68 notes · View notes
cafetempsrpg · 7 months ago
Text
Module d'écriture inclusive Forumactif
Bonjour/bonsoir à toustes ! Puisque mon taff à la base c'est plus de coder que de grapher, je vous partage aujourd'hui un petit module permettant de transformer les points simples en points médians sur forum actif. Pourquoi ce module ? Si certains adons sur navigateurs permettent de le faire automatiquement, ils ne sont malheureusement pas disponible sur tout les navigateurs web. Il y a aussi des raccourcis claviers, mais ça peut rallonger le temps d'écriture et/ou poser quelques difficultés aux RPGistes handi qui ont besoin de faire une manipulation en plus lors de l'écriture. ça permet aussi à celleux qui ne veulent pas installer un addon spécifiquement pour ça (on vous voit celleux qui écrivent leurs RP depuis le PC du boulot) (je suis aussi coupable) de tout de même transformer leurs points de ponctuation simples en points médians, mais aussi à celleux écrivant depuis leur portable de le faire facilement. Utiliser le module : Lorsque vous écrivez votre RP/message en écriture inclusive et utilisez des simples points, comme pour le mot écrivain.e par exemple. Prévisualisez votre message une fois le RP terminé, puis cliquez sur le bouton "en inclusif". Un pop up en haut de votre fenêtre s'ouvriras. Confirmez jusqu'au bout, enregistrez dans le presse papier et collez le nouveau contenu de votre RP/message modifié. Tout vos mots en inclusifs, séparés d'un point simple se transforment en point médian comme ceci : écrivain·e En cas de catastrophe et de bug du module, utilisez le ctr+z (ou commande+z sous Mac) pour retrouver votre texte d'origine. Postez le tel quel, actualisez la page avec F5 puis éditez votre message en utilisant de nouveau le bouton "En inclusif" pour avoir le bon texte dans votre presse papier.
Installer le module :
Créez une nouvelle page Javascript dans votre panneau d'admin via le Module et sélectionnez "sur toutes les pages". Copiez/collez le Javacript.
2) Ensuite, dans votre template posting_body (au sein de la partie "Poster & Messages privés") ajoutez le bouton En Inclusif  où vous le souhaitez :
<button id="replaceButton">En Inclusif</button> 
préférablement au même niveau que vos boutons "prévisualiser" et "envoyer" pour vous repérer, cherchez le commentaire " BEGIN switch_preview " vous y trouverez normalement les boutons de prévisualisation, de brouillon et d'envoi. Puis dans votre feuille CSS, personnalisez le bouton à l'aide du sélecteur #replaceButton { votre CSS ici } Vous pouvez retrouver le code sur github juste ici, pour trouver le code javascript à copier/coller ouvrez simplement la page "javacript" ! Le bouton est linké pour sa part dans la page posting_body : bouton juste après le commentaire forumactif visant à vous repérer Si jamais d'autres codeur·euses veulent collaborer pour l'améliorer, n'hésitez pas à me contacter ♥
Tumblr media Tumblr media Tumblr media Tumblr media
34 notes · View notes
notfarts · 1 year ago
Photo
Tumblr media
Glauki!! I hope some of you still remember her!! It's been like ages since I last drew her (like most of my ocs :S) bUT she's been on my mind for the past week or so ever since I started coding my    uh      javacript demo about fractals and menger sponges inspired by a 256b intro i saw online Here's the actual thing if you wanna see it :3> I've been absorbed by it for the past 5 days https://elpatrixf.com/diving320/ Anyway, hope you like this! 
48 notes · View notes
hyruleshop · 2 months ago
Text
ABOUT JAVACRIPT!
hello there friends!! i am passing by to inform that ever since tumblr has restricted the use of javascript on BLOG PAGES, i will be recommending all the mumu writers out there to make a sideblog for every and each muse bio page so you can continue using javascript on them and not necessarily delete them, same goes to the roleplaying blogs using pages instead of popups for example!! turn your muse pages information into sideblogs and it should be good to go!! it's an easy fix so we can continue enjoying our hobby the best way we can!! i hope you are all having a good day / afternoon / night!! MARUJA / HYRULESHOP / HYRULESHOPCOMMS
5 notes · View notes
codeandcanvas · 10 months ago
Text
Update: State of my Website
Over the last few days, I went from not having a website to having my own website, having a social wall, having a blog, and basically linking everything to everything.
I have also added a blogroll, so that people can actually leave my website following their own urge to surf the web.
But I think the most radical thing I did was take inspiration from an ebook I am currently reading: Interpassivity, by Robert Pfaller, or rather from the way it looks and reads, if this verb allows for being changed into something an object does, instead of being something done with an object you can read.
Ebooks are, similar to how apps are these days, wrapped web pages: they are basically html and css (and javacript, if you look at apps).
So I studied why I found this ebook such easily readable, and it turns out that it is for the simple fact, that, all by itself, it was set to display in Times New Roman. Should that typeface not exist, then it would be displayed in Times, and if that, too, should fail, just a Serif typeface (like I first tried with Georgia, but I really didn’t like Georgia’s bombastic medieval numerals, it felt like a winery!).
There is still some tweaking to be done (based around my knowledge of typographic detail and grids, I need to take a second look at line height and how far paragraphs are spaced out vertically), but having done this change all I can say is that I am amazed by how readable my website and my blogged articles suddenly are.
Tumblr media Tumblr media
It honestly feels like doing something new, because basically everyone is doing the custom typeface, sans‑serif for everything, really, while, what I think, the eye of the reader suffers for it.
The screenshots above were made while my Dark Reader plugin was active, so don’t be surprised that the real thing looks different ;)
There is also this bonus effect of how Serifs are connected to authority, and despite what the Bauhaus nerds tell us graphic designers in a top‑down abstraction, authority is good, especially if it comes for free by increasing the readability.
2 notes · View notes
jcrt-bga · 1 year ago
Text
設計狀態變化
states.inc.php 完整文件在此
這個檔案定義遊戲的 state 有限狀態機,會從哪個狀態進到哪個狀態。
建議製作遊戲的第一步,是先完成 states.inc.php。能夠搭配狀態圖會更清楚。
每個狀態下需要定義 type,共有四種:
activeplayer 在這種狀態下,我們期望 active player 執行 action。
multipleactiveplayer 在這種狀態下,我們期望多個玩家(活躍玩家)執行 action。
game 這是一種中間狀態,我們不期望玩家執行任何 action。你的遊戲邏輯必須決定下一個遊戲狀態是什麼。
manager 初始和最終狀態的特殊類型。
狀態除了 type 必填,還有以下選填參數:
name GameState 狀態的名稱,工程師識別用。
description 目前狀態的描述,會在遊戲頂部的動作列顯示。對於 type=game 的狀態無用。
descriptionmyturn 輪到你時目前遊戲狀態的描述。
action 當遊戲進入此狀態時,讓 PHP 呼叫的方法名稱,通常以 st 為前綴命名,如: stPlayerTurn。
possibleactions Array,指定玩家在此狀態中時,可執行的 actions。可呼叫 Javacript:this.checkAction 和 PHP:self::checkAction 來確認。
transitions Array,列出所有可能的下一個遊戲狀態。有列出的狀態才能在 PHP 中呼叫 nextState。
args 讓 Javacript 呼叫的方法名稱。會在 JS onEnteringState 使用、或在遊戲狀態描述中設定參數。
updateGameProgression 設定 true 時,會呼叫 getGameProgression 方法讓遊戲進度更新。
0 notes
unsetsoft · 2 years ago
Text
Some websites created with a javacript framework will soon be moved to one designed by UnSetSoft. This change is intended to speed up the loading of sites that are part of UnSetSoft.
1 note · View note
aph-fanficchallenges · 11 months ago
Text
Dear writers and readers,
As I mentioned before, I can't edit our writer directory due to the javacript ban on custom pages, however, I applied to be allowed to do so.
Meanwhile, as second resort, I decided to create a writer directory on workflowy. It isn't as efficient as our original, however, it's the solution I found to not you let you down. Hopefully, it will be temporary.
As you can see, I'm still editing it as we speak, but you can still send me your application.
Also, I hope you understand I'm doing all of this out of love for you all, so, please, continue to write and read the amazing fanfics that this fandom is fortunate to have.
And remember this blog reblogs prompts for you to be inspired. You can also submit prompts that you would like someone to pick up and write. This is why our blog is called fanfic challenges!
You can also tag us in your fanfics, so it's easier for us to reblog them.
Thank you for your time!
Best regards,
Mod Jene.
A reminder that this blog has a writer directory! Do you want to read something new? Please check out our dear writers!
Do you want to join it? Please send us a message with the following information:
Is your blog only for writing?
Please tell us your writing tag
Do you tag nsfw & triggers?
Do you accept writing requests? Free and/or commissions?
Do you create other type of content? Please tell us the tags you use it
A short summary about you and your writing
Back then we didn't add, but we will edit our writer directory to add links for your ao3 accounts and any other websites you may use for posting your writing. So tell us that as well.
Best regards,
Mod Jene
23 notes · View notes
programmingbeast · 5 years ago
Photo
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Top 05 Java Frameworks For Web Development!
👉Programming Hero - https://onelink.to/proghero9
If you want to learn Python, then download the app called 'Programming Hero' and start learning and practicing from the same app for free initially. Don't miss the chance of getting help from the free forum inside the app too.
2 notes · View notes
retrcmoon · 2 years ago
Text
Tumblr media
CONTENT CREATOR - FANSITE BLOG THEME !!!
This blog theme is completely free. Please support me and my work by liking and reblogging this post!
[ INFORMATION ]
Contained theme with the option of 400px, 450px, 500px and 540px posts.
Custom Body Font and Body Font sizes
4 custom sidebar links
3 custom topbar links as sticky navigation
Back-to-top scroll button
Clickable slider for more information
12 custom links on the slider page
3 custom text boxes on the slider page
1 work in progress/to-do-list box on the slider
Fully supports NPF (beta editor) posts (but also works with legacy posts still)
Everything is responsive and doesn't need editing in the code itself
[ GUIDELINES ]
Do not claim as your own.
Do not remove the credit!
Do not use as a base code or take parts of this code for your theme.
Feel free to edit as much as you want!
All credits are mentioned in the code!
Live Preview & Code (Unavailable)  Static Preview & Code (No Javacript functions available) Code (without preview)
307 notes · View notes
obscurejavascript · 7 years ago
Text
Generic Size Finding in JavaScript
Find the size of various objects in JavaScript often involves unique syntax for each type which makes all of that harder to remember and code more complex:
const _ = require('lodash'); const cars = [ { id: 'miata', hp: 155 }, { id: '4c', hp: 237 }, { id: 'elice', hp: 217 } ]; const uniqueCars = new Set(); uniqueCars.add(cars[0].id); uniqueCars.add(cars[1].id); uniqueCars.add(cars[2].id); uniqueCars.add(cars[0].id); uniqueCars.add(cars[1].id); console.log('Custom size:'); console.log(cars.length); // 3 console.log(Object.keys(cars[0]).length); // 2 console.log(cars[0].id.length); // 5 console.log(uniqueCars.size); // 3
A size function can be used to alleviate this. Here is an example using Lodash's function:
console.log(_.size(cars)); // 3 console.log(_.size(cars[0])); // 2 console.log(_.size(cars[0].id)); // 5 console.log(_.size(uniqueCars)); // 3 console.log(_.size(carsById)); // 2
Note that Lodash does not handle ArrayBuffer or DataView for size:
const buffer = new ArrayBuffer(8); // Get 4 bytes from the start const view = new DataView(buffer, 0, 4); console.log(_.size(buffer)); // 0 console.log(_.size(view)); // 0
Anyways, here is how it is done with custom code (This one supports ArrayBuffer):
function size(value) { if (typeof value === 'string') { return value.length; } // Note that the typeof null is object if (typeof value === 'object' && value !== null) { if ('size' in value) { return value.size; } if ('length' in value) { return value.length; } if ('byteLength' in value) { return value.byteLength; } return Object.keys(value).length; } return 0; }
Github Location https://github.com/Jacob-Friesen/obscurejs/blob/master/2018/size.js
13 notes · View notes
hazbon · 4 years ago
Text
0 notes
voiceofactivist · 5 years ago
Photo
Tumblr media
I HAD TO CREATE A LANDING PAGE FOR THE NEW PRODUCTS ......HTML,CSS AND JAVASCRIPT!! #foc #website #landingpage #html #css #javacript #business #blackbusiness #friendzofculture ~sdwjr https://www.instagram.com/p/CEN0RXXnrSC/?igshid=1dzj20qtip5cc
0 notes
caylakyazilimci · 6 years ago
Text
ajax ile text dosyasından yazı okumak
ajax ile txt uzantılı dosyanın içeriğini htmle yazdıralım.
example.txt   içinde ( bu bir test dosyasıdır yazıyor)
js kısmı
// en cok denk gelebileceğiniz hata kodları //Http Starus // 200 : OK // 403 : Forbidden // 404 : Not Found // 505 : İnternal Server Error document.getElementById("btn").addEventListener("click",function () {   //xmlhttprequest    const xhr = new XMLHttpRequest();    xhr.onload = function(){  //yüklendiğinde        if(this.status == 200){  //hata kontrolü            console.log(this.responseText);            document.getElementById("ajax").textContent = this.responseText;        }    };    xhr.open("GET", "example.txt",true);    xhr.send(); });
html
<!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <title>Title</title> </head> <body> <div id="ajax"> </div> <button id="btn"> Ajax işlemi gerçekleştir</button> <script src="app.js"></script> </body> </html>
Tumblr media
0 notes