#javacript
Explore tagged Tumblr posts
Text

My web browser game, Superdeb!, is finally published! Play now completely free at https://scott2.neocities.org/superdeb/




#superdeb#game#game development#videogames#html5#javacript#webdevelopment#webdev#web development#gamedev#game design
5 notes
·
View notes
Text
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
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:
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:
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:
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
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 ♥
#forum rpg#forumactif#rpg francophone#french rpg#ressources rpg#libre service#ressource rpg#rpg ressources#rpg français#code libre service#code forumactif#écriture inclusive#forumactif rpg#rpg forumactif#rpg forum#code forum#libre service codage#libre service forumactif#écriture rpg#ressource code#code ressource
34 notes
·
View notes
Photo
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
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
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.
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.
#work in progress#grafikdesign#build in public#graphic design#learning design#learn design#typography#readability#times new roman#ebooks#epub#code and canvas
2 notes
·
View notes
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
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
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
Photo







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.
#programming jokes#programming humor#coding for beginners#programming for beginners#python for beginners#javascript#javacript#how can I learn programming#how to learn programming#how to do coding#how to learn java
2 notes
·
View notes
Text
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
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
Photo

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
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>
0 notes