#scope/code
Explore tagged Tumblr posts
Visit Tumblr Blog
Explore Tumblr blogs with no restrictions, modern design and the best experience.
Last Seen Tumblr Blogs
Fun Fact
Tumblr is available in 18 languages.
Text
Prototype Done
Daily Blogs 325 - Sep 25th, 12.024
The prototype for the new project is pretty much done, and now I have some idea on how to make a production code of this project. However, I still need to make the website design of the application and have more feedback, but I think this will work, hopefully.
Today's artists & creative things Music: いめ44「ギターヒーローになりたいいめちゃん」feat. 歌愛ユキ - by いめ44
© 2024 Gustavo "Guz" L. de Mello. Licensed under CC BY-SA 4.0
3 notes
·
View notes
Text
Learn to Code
Daily Blogs 356 - Oct 26th, 12.024 Being someone who actually codes and is a software engineer, please learn how to code.
Why?
Before anything else, it is fun, even more if you like puzzles and solve problems, and you could find your future career even.
Nonetheless, coding is an enormous skill to have nowadays with every little job, task, and even hobby, having some sort of technology or another. How many times have you wanted to rename a bunch of files into a more structured form? Or even wanted to have a fast way to see all your tasks for the day? Maybe you are animating in After Effects (unfortunately) and want to make an object pulse following a song beat? Or maybe in your job you have to make spreadsheets in Excel (again, unfortunately) and need something more dynamic? Or maybe, you want to have your own simple website? All of these things can be done, and can be easier, knowing a little bit of coding/scripting.
Coding not only lets you do things in a faster way, it also helps you better understand the technology you use. Did you never think how the little applications that you use are made? Because they are, by humans, like me and you, and that's why they have bugs most of the time. Maybe learning to code, you can even start modding your favorite game! Or even create your own.
But Coding is Hard!
I'm going to be honest, yes, it can be hard. But we aren't talking about doing whole software products or even what could be called engineering, we are talking about scripting/coding, which is just creating files for some utilities, which is far from hard. And instead of trying to explain, let me show you some examples.
Creating a Website Yes, you heard me right, the first example is how to create a website, because you can do it in literally just a file:
"But it is ugly!", well, just modify a little the first file, and add another file!
And there it is! Your own website. Now to put it into the internet to everyone to see it is nothing more than uploading these two files to a Web Hosting Service, which most of the simple ones are free! A few examples are GitHub Pages, Vercel, Netlify, all of them you can find easy tutorials to upload your files and have them for the web!
What Are Those Files?
Glad you asked! Let's go step by step.
The first file, the one full of <tags\/>, is what is called an HTML file. HTML (or Hypertext Markup Language) is the language used by all websites you visit, it is designed to structure text in such a way that you can easily put meaning and style into the document, and have you browser read it to show you. These files are marked up using tags, which encapsulate text with an opening tag (like this one <p>) and a closing tag (like this one </p>, see the slash before the letter P), looking like this <p>Hello world</p>. We have multiple types of tags, such as <p> for Paragraphs, <h1> for Heading/titles, <h2> for subheadings/subtitles, <link> for linking one file to another, <ul> for an Unsorted List, which will have <li> for each List Item, <main> for informing what's the main content, <a> for an Anchor/hyperlink for another website, etc. etc. All HTML files will have an <html> encapsulating everything, a <head> tag for information about the page, and a <body> tag for the content of the page. That's pretty much how HTML works, and all you need is to learn what tag does what, and you're pretty much good to go.
In the second file, we just add some structure to it better, adding a <main> tag and a <div> tag with the ID "background", so the third file, the stylesheet, can make it look pretty! The third file, the one with the {} blocks, is a CSS (or Cascading Style Sheets) file, and it is the one that makes all of our websites beautiful. It is made by these "blocks" of code that applies styles for multiple elements in the page, it is a little bit more hard to explain, but in summary, that file does this:
The "#background" block applies styles to any tag with ID "background". In the example, we make the tag have 100% of the view width (width: 100vw) and 100% of the view height (height: 100vh); make the background be an Unsplash image; decrease the opacity, so the image is not so bright; apply a blur filter; and make its position be absolute in the top left corner, so it doesn't move with the rest of the content;
The "body" block applies styles to the tag and makes it display its content on a flexible layout (display: flex), which we use to make the content be centralized in the page;
We then make the text-color inside the tag white, use a sans font, and make it be in front (z-index: 2) of the tag (see the z-index: 1 in the "#background" block);
And to finish off, we make the color of links an aqua color.
That's pretty much it and pretty much how the fundamentals of how to create a website works. Just 2 files of code, and you can have your own website.
But Where Are the Loops? Where Are the "if"s?
Yes, yes, if you know the concept of coding, you may be asking where are all the loops, "if"s, and variables. Truth be told is that HTML and CSS aren't programming language per-say, they are markup languages to structure and display text, so they can't run anything really. However, they are easy to understand and are considered "code" nonetheless, and personally I find fascinating that websites, the thing we all access every single day, that most people I know think is magic… are based in two simple languages that anyone can learn in an afternoon and have its own website up and running in less than a day.
I Want real code!
Ok ok! Let's so add a little interactivity into our website. What about a little character you can control? Yes, a little game character to control with WASD on your website, with less than 40 lines of code. Let's first update the HTML file so we can add the character:
As you can see in the new file, we just added another <div> tag on the website, with the ID "player" and a <img> tag which we can use to add a visual sprite to our character! I'm using this simple sprite/gif I found on OpenGameArt.org. Also, in the new <div> we add some CSS styling directly in the tag, using the style attribute, the reason to this being that here we can manipulate its value with a programming language, in the case of the web, JavaScript. We add the JavaScript file with a <script> tag.
And in the JavaScript file, we can write this simple script:
This can be a little overwhelming, but let's go line by line:
First, we get the player element/tag with document.querySelector("#player") (similar on how in CSS we would use #player {} to style the tag). This tag is then saved into a variable player, think of it like a box or alias for document.querySelector("#player"), so when we use something like player.setAttribute it can be thought like document.querySelector("#player").setAttribute;
After that, we use player.setAttribute("data-coordinate", JSON.stringify({ x: 40, y: 20 })). This is just so we can more easily access the coordinates of the player after. An attribute is like that style in the tag, so calling this is like we wrote in the HTML file;
We again call player.setAttribute, but this time to rewrite the value of the style attribute, just to be sure. See how in the text for the style tag (the 2nd argument, aka the left: ${45}%; bottom:${20}%; ...), we use ${}? Well, this is a neat feature that lets us put values inside the text, so it makes the final result be left: 40%; bottom 20% ..., in this line it seems a little redundant, but in later in the lines we will use it more cleverly. Just remember that if we make a variable, a "box", like let x = 10 and use it inside the text like left: ${x}%, it would be in the end left: 10%;
Now the meat of the script, the "onKeyDown" function. A "function" in programming is like a piece of code you can reuse, and pass variables to it to use inside the code, like a box you can put stuff inside to it to do things, a box that uses other boxes, a box inception. Inside the "onKeyDown" function, we take back the value inside that data-coordinates attribute we wrote on the 3rd line, and put it inside the coordinates variable; than, we check if the key pressed is "d", if so, we add 1 to the X coordinate, we are changing the value of coordinate.x; we check for the other keys like "a", "w" and "s", changing the according variable to it; and then, we rewrite both the style attribute and data-coordinates attribute with the new value;
And finally, we use document.addEventListener("keydown", onKeyDown) to tell the browser "hey! Use this function ("onKeyDown") when a key is pressed!".
And that's pretty much it.
As you can see in the top right corner, the values of the style and data-coordinate attribute change when we press a key!
If you want to access this simple website, this is the live version of it hosted on GitHub Pages and the source-code is available under the public domain.
Learning More
Being honest, what I showed here is just a very small toy project, and a lot is simplified because of the gigantic convenience that the browser provides nowadays. But again, this is the type of thing you can do with just a little bit of knowledge on how to code, probably the scripts you will do can be even simpler than this. And just imagine the things you can invent, learning a little bit more!
Besides the toy project, code can be used in a lot of fields:
If you work on data or science in general, coding in Python is a great skill to have on your toolkit, and it is very easy to learn. It works great with creating graphs and can even be used inside Excel for creating more dynamic spreadsheets;
Do you want to make games? Well, learn something like Lua, a very simple language and one of my favorites for scripting, and powerful enough to be chosen by engines like Roblox Studio (which surprisingly is powerful than I thought). But if Roblox is not your taste, well, learn something like GDScript, the language of the Godot game engine, fully free, fully open;
Also, Lua is used for modding on games such as Factorio, and can be very powerful for small scripts for your computer;
If you want to make websites, HTML, CSS and JavaScript, learn them and go nuts (I won't recommend you use any framework as other programmers use, learn the fundamentals first). There are a lot of documentation about the web, and it is one of the fields with the lowest entry;
Are you an 3D Artist? Well then, Python is also the language used for creating add-ons, you can take some time to learn and create your owns to help your workflow!
And if you are a poor soul who is using Adobe products, first: my condolences; second, most Adobe products use ActionScript to create dynamic animations and values such as making an element react to music beats in After Effects.
---
Learn to code, be happy, and maybe you will find a new passion like I did.
Today's artists & creative things Music: Late Night Walk - by Ichika Nito
© 2024 Gustavo "Guz" L. de Mello. Licensed under CC BY-SA 4.0
please learn how to code
like, if you're bored today, and not doing anything,
learn a little bit of coding please
34K notes
·
View notes
Text
Dislate DevLog 1: When Comparing Size Matters
Daily Blogs 277 - Aug 8th, 12.024
Something which I noticed today while programming the project-dislate's database interface, is how much the files that I write got bigger. When I was starting programming, most files didn't pass the 100 lines most of the time. I still remember doing my first "real" project, a simple To-Do list application called ToToday (which I actually used when I was starting to organize my life), which I made 2 years ago and felt really proud on how I made the code "scalable" to add more features and just use the LocalStorage API for everything. The Tasks' Component I specially felt proud about, and even showed to friends them, showing the amount of lines and how much it was scalable and organized.
However, seeing now, even though the files have around 300 lines of code, the actual logic of the code is just around 120 lines, the rest is just HTML and CSS. Not only that, but last year, as an experiment, I created another To-Do list application in just one HTML file, which ended having 350 lines of code for the entire application (this kinda also shows how much JavaScript, and its ecosystem has the tendency of over-engineering a log of things).
And today, I actually wrote just a database interface, and it ended up with 300 lines of code before I was even having time of completing it today. All these lines are code, pretty much. And I asked me "why?", and pretty much already had the answer in mind: I'm doing more complex things now.
I hardly look backwards to compare myself, which I know is a problem and I probably should do it more since it really shows me how much I improved as a programmer/Software Engineer. I even call myself now a "Software Engineer" instead of "Programmer", because that what I am, I solve problems now, I make actual software that solves problems instead of just gluing things together and calling it a day. Even though number of lines doesn't really represent quality or even improvement, the idea that nowadays this amount of code every day is normal and the bare minimum for a small part of the projects that I do, I would say that it shows that I'm improving and actually creating things. Projects and codebases aren't big when the only thing you're doing is gluing libraries and frameworks together, I would say. If you are solving problems, if you're making business logic, you will need to write it and write more code.
That's why I always recommend making and write projects that you will use, that you actually care, instead of just following tutorials and making To-Do apps. Actual software is hard and big most of the time, but writing them can be fulfilling. I acknowledge that my first To-Do app was a start and a good step in actually trying to complete something, but I fell a lot happier seeing myself now actually persuading bigger challenges. And I hope that you go pursue bigger challenges.
Today's artists & creative things Music: Road To Hide - by ZeRO
© 2024 Gustavo "Guz" L. de Mello. Licensed under CC BY-SA 4.0
#scope/code#day/2024-08-08#type/devlog#project/dislate#language/go#subject/personal-improvement#codeblr#golang#software engineering#personal growth#personal improvement#progblr#programming
1 note
·
View note
Text
aoi and sakura!!! houghgsgh
i wasn't planning on giving them similar sailor-style uniforms but actually i like it now that i look at it. polar opposite girlfriends
aoi is the ultimate sukeban (female gangster). she started up to defend her younger brother from some bullies and ended up leading multiple gangs through sheer charisma
she prefers intimidation over violence, hence the kendo sword that she never got proper training on how to use (she mostly carries it around for dramatic effect)
is a little devious. will not hesitate to frame, injure, or throw someone under a bus if she thinks they've wronged her or someone she cares about
sakura is the ultimate moral compass, in this au her longtime friend kenshiro entrusted her with 'strongest human alive' but also with a message to uphold peace with that strength
she maintains a calm demeanor to seem more approachable to people. as a result, a lot of people trust her
is very careful of how she uses her strength. avoids fights whenever possible
#sakura ogami#aoi asahina#sakuraoi#danganronpa#my arts#roleswap au#danganronpa trigger happy havoc#i'm so sorry that sakura isn't allowed to flex her sleeves off in this au but she has to do it to set an example for the dress code#i actually loved drawing aoi here. advanced pudding head#idk where aoi got her nike jordans but i think she deserves them also she looks cool af#sakura gave up the title of ultimate martial artist. i think if given enough prep she could beat the ult. martial artist in this verse#but she's out of practice so it'd be a close thing#these are two of my favorite designs <333#if you look reallly closely into aoi's eyes you'll see a hint of intense and unfettered madness etched deep in her soul#if you look deep into sakura's eyes you see a quiet resignment#aoi could have been ultimate swimmer if she didnt become a gangster. but her brother is on track to become the ultimate swimmer#so she's glad she stuck with being a gangster so she could scope the school out for him before he enrolled
95 notes
·
View notes
Note
Cc!donnie refusing to acknowledge that he’s traumatized or whatever
this is just all of caged lungs and his undiagnosed bpd
#ask#canary continuity#it was only mentioned in the tags in CL but cc!donnie (especially in CL itself) is very bpd-coded#its not something i could textually diagnose because their scope of knowledge is not wide and i feel like therapy would be redundant#+ its less compelling#and they're even dismissive about the idea of having *ptsd* even though its very clear they do#like undeniable. textbook#but cc!donnie definitely has bpd let's not kid ourselves#i actually hc both of the twins with it! it just makes sense 2 me
24 notes
·
View notes
Text
music making followerrrrs i have a question for you about. programs and soundfonts and where to get them/utilise them
getting ahead of myself perhaps (though i likely need the extra time for. practice. given my musical ability is 'can play both hands on the piano so long as you don't scare me with anything above a child's level') but wondering what the 'reccomendation for amateurs' is wrt: making something that sounds snes-adjacent.
i have a copy of the.... well named... program Magix Music Maker from a charity bundle years ago, and some vague knowledge of famitracker. So while i'd like some software suggestions im not totally out on my ass on that one. but no idea how i use/get soundfonts/custom instruments tbh.
where i'm actually going to need to utilise this is like. a ways off so it's not urgent, i've got time to learn-- but mostly I know what I *need* is the ability to get something sounding 16-bit, and to be able to seperate out the channels, play them individually, slow them down, chop them up, etc. And my budget is Nil so I'm going to shoulder this myself where I can, since even if I could get my hands on the stems/channels of someone else's royalty-free stuff, intentionally mangling it feels a touch rude if i'm otherwise using it wholesale(?)
#notttt going to google for this because trying to ask for beginner friendly advice on reddit or forums is like getting blood from a stone#so hopefully uh. i mean there's a few of you out there. mutuals feel free to dm me if you want to get your claws in me abt this#but yeah im literally in 'on paper planning' stage rn (staying my fucking hand away from coding until i have some FLOWCHARTS...)#much to my own chagrin as someone who likes to just bruteforce things and fuck about. but i'm realising i'll want something that lets me#make both 16 bit music (think: zelda-y for flavour) for all of about... genuinely two tracks? plus a cache of sound effects#as for whether this will materialise any time soon? i mean i hope! i would like to think i've scaled down the scope enough! christ!#but right now im resource gathering. yknow how it is.#lucabytetalks#also if you're shy you can send an anon i dont mind. remember i do have anon on since i know how it is with being scared on line
15 notes
·
View notes
Text
bro invented new karma
#nootcat#!!#what caused this was i lowered the karma cap while it was on the highest one..#gah i wanted to mod in cactuscat (thats what she was MADE for!!) but thats a bit out of scope for me rn#again i dont know anything about code but i WILL learn. or die trying#eating noots currently stuns like saint with batflies but the noots still die in your hand..#and i dont like that you can eat them in the first place. cannibalism!!#cant have that!#the grass is not transparent in that image haha everything is fine
18 notes
·
View notes
Text
I think I can with certainty say I'm past the halfway point with this. there's not that much random dialogue left to make up
I can only hope the switch works as intended on other computers, since a different timing left them mid-transition. it seems like it doesn't interrupt the bubbles switch but it's only if the menu switch/shell reset comes at a specific point before it 🤔
sakurascript is really weird with calling functions, but I Think if you call it as a variable ( %(function) ) it doesn't interrupt the script?? maybe??
[Image ID:
Two gifs showing off Vega complaining about the messiness of Windows' system32 folder, providing the user with a link to open it and see for themselves, and the right click context menu changing its color scheme alongside Vega switching to Rigel.
End ID]
#original#CaelOS#aster#aster ghost wip#I've ran so many times into wanting to do a Thing and it being outside the scope of what you can reliably do with YAYA/SakuraScript#or at least without involving external libs#you can do anything if you write external code and put it into a .dll it seems#but now that's outside the scope of my patience /wheeze#I'm hoping to test some of this with a couple people at least#I'm sure many things would've had answers if I was brave enough to step foot into an ghost dev discord server but. I am Shy#we figure this shit out on our own and die like men /j#and like I could've just stuck with the template and make it much simpler but NOU I need to make it NEEDLESSLY COMPLICATED without actually#providing much function of my own or that good of a story#if any ukagaka devs read this pls be nice to us we're doing our best 8v8#also I recently realized the terms 'ghost' and 'shell' are meant to be a reference to... Ghost in the Shell. I'm devastated /j#vega (aster)
153 notes
·
View notes
Note
Whumpdev=alive?????????
Just askin :3
yes!
chained in my basement, malnourished and mistreated, but not forgotten, and still very much alive.
unfortunately, college has been kicking my ass lately, and will continue to do so until i finish my master's thesis. the good news is that this will continue for only about a month before i have more time to work on the project! the bad news is that i have only about a month to finish the entire paper. :' )
here's a little screenshot from a story sequence to prove that the project has not been completely neglected and forgotten!
#whumpdev#i have been cooking dont worry#just..... very very slowly......#this screenshot is from a bit where you'll be able to get up and walk around a bit#hence the highlighted selection outline around the computer#im trying to keep scope creep under control but it just keeps winning man!#it pins me down looks me directly in the eyes and tells me to “add this new cool thing or else... 🔪”#and then i gulp audibly and proceed to fuck up the entire code for the fifth time so that so it can accommodate the questionable new featur
36 notes
·
View notes
Text
ooc . Watched Nosferatu last night and I feel compelled to channel some of that ominous, brooding horror into my threads.
#even if farkas is himbo and golden retriever coded#his wolf form is still the stuff of nightmares#hmm#there's scope there's potential#✶ ooc
10 notes
·
View notes
Text
Prototyping and Prototyping
Daily Blogs 323 - Sep 23rd, 12.024
Another day prototyping the next project, it is being an interesting experience to use JavaScript again and kinda don't care a lot about errors and making things pretty, just focusing on making shit done.
Hopefully the other projects can continue progressing while this prototype is being done. Thanks for the help @sophia--studies!
Today's artists & creative things Music: Shoegaze song - by EJECTDISK
© 2024 Gustavo "Guz" L. de Mello. Licensed under CC BY-SA 4.0
3 notes
·
View notes
Text
I think Sun is becoming increasingly more dangerous, while Moon is wilting. A strange role reversal for the multiverse, and how it was at the beginning.
If it came down to it, I believe Moon would be more on the defensive, and Sun would literally obliterate any threat to his family. He's been through too much to actually lose any of them now. Watched them all fall apart and get sewn back together, again and again. Fallen apart himself on a multitude of occasions.
And unlike a lot of Suns (in comparison to what Dark Sun did), it naturally strengthened him inside. Sun hates killing. He knows what it's done to him, and other members of his family. But if it came down to it, I don't think he would hesitate anymore, not if there truly wasn't any other way.
The guy is tired. Probably more so than anyone else around him. But he's definitely become quite steadfast, and a rock for his family. He's also got a daughter to take care of now, and he won't ever let anything bad happen to her again, not if he can help it.
#TSAMS#The killer Sun kidnapping episode today really got the gears spinning#Like Sun arriving at the end there#Scoping out the scene#Then telling sk Sun in no uncertain terms to back off with a very clear non-bluff of 'or else' just shows how much he's grown and changed#I think that when it comes to this new dark star enemy Sun'll be the one to take charge and shine#It was always the Moons who shouldered most of the responsibility of dealing with past enemies.#Negotiating with Eclipse#Getting taught the runes by Moon's teacher to kick Eclipse from his head#Kill Code having to tell them about how to use star power#Making the satellite and allying with Solar#Rescuing Sun from Ruin with the supposed 'virus' fix#And now Sun#After all that#Is finally ready to take charge for once#He knows they'll always have enemies#But he's not about to let them abuse him or his family anymore#He'll take no shit#And it's gonna be glorious#....But that's just my opinion#Had to rant but it's over prommy
32 notes
·
View notes
Text
Yes, this is a start of a subset of the daily blogs. Now I finally added a system for DevLogs and ArtLogs on my note-taking and blog writing templates. Posts will be separated between @guz013, @guzsart and @guzscode, depending on the topic. Tags also will be used to better organize the posts. And @guzsdaily will be for posts that doesn't fit the other blogs and reblogs of said blogs. I wanted to do it for a while now, and was wanting for a bigger rebranding of the blogs and the drawings to be completed, however I will start this now and improve it as time goes, improving slowly as always.
Today's artists & creative things Music: RuLe - by Ado Me and my partner cannot stop laughing, just listen the entire song and you will know what part we started breaking.
© 2024 Gustavo "Guz" L. de Mello. Licensed under CC BY-SA 4.0
Dislate DevLog 0: It's Never so Simple
Well, the translation bot already feels like it will not be so simple, like any other software or project. But it isn't necessarily complex. The main problem is that I will need a database to keep track of messages, so I can support messages being edited and then edit the corresponding translated message. Thankfully, I will not do this bot alone, @sophia--studies gladly offered help, so hopefully this won't be another project that will take months to complete. I just need to program a small structure, since doing prototyping asynchronously is somewhat difficult.
© 2024 Gustavo "Guz" L. de Mello. Licensed under CC BY-SA 4.0
2 notes
·
View notes
Text
T-Veronica Infused Steve Burnside in Resident Evil: Code Veronica X (2000)
#crimson's gifs: resident evil#Resident Evil#RE#Resident Evil: Code Veronica X#RE: Code Veronica X#RE: CVX#Code Veronica#Steve Burnside#Steve (CVX)#I feel like if Steve was brought back and they tried to give him the superhuman side effects they'd have to keep it more lowkey#Not like rose in re8 that shit stinks its so fucking off-base for RE. More like Sherry and Natalia with enhanced sight and healing#Maybe he doesnt age usually like Sherry and has enhanced strength to some degree?#It'd be cool if his thing was enhanced sight but like how he wouldn't need a scope on a sniper enhanced to match his gun affinity
20 notes
·
View notes
Text
Ive been cursed with tadc brain worms since e4 dropped pretty much and i had a dream about a Ragatha Platformer like 4 days ago and ive been wring it out while at work and ive got 6 handwritten pages what is happening over here
Edit: actually counted the pages and im actually at 10 lmao
#sapphy speaks#sometimes you get the brain worms something FIERCE#Like… its very doable…… if i learnt how to code. 3d model. game design….#but what i have written down isnt too big scope wise. it could be done as a passion project#a very silly adventure indeed
2 notes
·
View notes
Text
(with a strained attempt at a seductive tone) thats right babe, its just you, me, and these 150+ compiler errors that need to be fixed for me to even run the tests to see what this change broke
#forgot this was in my drafts#in celebration of finally landing that fuckass stack of code we will post this#or well. attempting to land it. ill need to babysit it and see if the fucking. collective. 3800(????) SLOC actually land without conflicts#which given the. metric. fuck ton of files touched. is unlikely#also to see whether it breaks shit and i get yelled at to revert it#😔 fingers crossed#good lord im so tired. so many follow ups thohgh#sysrandom#its just u me and the 5000+ LOC touched in this stack....#im probably going to need to apologize to my team lead about. well for delaying code complete date by 3 days. and also just. being bad at#scoping and work estimation and also Asking For Help until its too late. but you know what. that can be done. later.#rugrhrghrgrhrgrh. okay. back to work
2 notes
·
View notes