Creativity: Computer Graphics

[ScoopArtZ 44]

How to be chat Moderators ?

For photoshop

Watch:

 

 

 

Or become like katekizem 

ForumEnglishModerators

 

:D  :wub:  :wub:  :wub:

[Kyoko_Kirigiri 1,061]

 

 

How to be chat Moderators ?

For photoshop

Watch:

 

 

 

Or become like katekizem 

ForumEnglishModerators

 

:D  :wub:  :wub:  :wub:

 

 

Topic merged 

[ScoopArtZ 44]

[NAKEJHRAC555 0]

 

Edited April 23, 2016 by NAKEJHRAC555

[FLAME44444 78]

Hi

[ScoopArtZ 44]

good luck its good iam now dowalod phooshop

[CJ28_tanki 3]

i am in this clan

[omrot 2,327]

i am in this clan

-________________________________________-

 

1. This is not a clan

2. You didn't send an application

3. No one has accepted you

Edited July 7, 2016 by omrot

[haris2000 211]

[pradeepd 206]

 

 

 

 

Best ever 3D of mine!

[LawEnforcer21 4]

Pretty awesome gif i made.... i dont think its very smooth... but it works

Cool

☻☻☻☻☻♫╬««

[MR_M3_XT 10]

 

[MR_M3_XT 10]

 

[Ninja 10,468]

Hope you like it:

 

Edited July 25, 2016 by Ninja

[AN_602 280]

i used Notepad to make my graphics because Notepad is AWESOME

JavaScript:

 

 

// @author Penguin-Pal http://tankionline.wikia.com/wiki/User:Penguin-Pal
// latest version 2016-07-23 http://tankionline.wikia.com/wiki/MediaWiki:Common.js?oldid=24673
/* ================================ *\
	# protection module generator
\* ================================ */
window.tow = window.tow || {};
tow.protectionModules = {
	data: {},
	fn: {}
}

/* data */
// file url paths
tow.protectionModules.data.moduleUrlPaths = {
	icons: {
		Firebird: "4/41",
		Freeze: "b/b7",
		Isida: "6/6c",
		Hammer: "e/ee",
		Twins: "1/1d",
		Ricochet: "c/ce",
		Smoky: "1/14",
		Vulcan: "1/12",
		Thunder: "8/8a",
		Railgun: "a/ab",
		Shaft: "a/ae",
		Mine: "7/7d",
		general: "b/bb"
	},
	modules: {
		M0: "8/81",
		M1: "0/0a",
		M2: "d/d0",
		M3: "6/61",
		special: "9/90"
	}
}
// green icon background
tow.protectionModules.data.iconbg = "http\x3a//images.wikia.com/tankionline/images/2/25/Garage_icons_protection_module_background.png";

/* functions */
// get icon image url
tow.protectionModules.fn.getIconUrl = function(name) {
	var validIcons = ["Firebird", "Freeze", "Isida", "Hammer", "Twins", "Ricochet", "Smoky", "Vulcan", "Thunder", "Railgun", "Shaft", "Mine", "general"];
	if (validIcons.indexOf(name) > -1) {
		name = name;
	} else {
		name = "general";
	}
	return "http\x3a//images.wikia.com/tankionline/images/" + tow.protectionModules.data.moduleUrlPaths.icons[name] + "/Garage_icons_protection_modules_" + name + ".png";
}
// get module image url
tow.protectionModules.fn.getModuleUrl = function(name) {
	var validModules = ["M0", "M1", "M2", "M3", "special"];
	if (validModules.indexOf(name) > -1) {
		name = name;
	} else {
		name = "M0";
	}
	return "http\x3a//images.wikia.com/tankionline/images/" + tow.protectionModules.data.moduleUrlPaths.modules[name] + "/Protection_Module_icon_" + name + ".png";
}
// create new module image
tow.protectionModules.fn.createModule = function(moduleData, cb) { // cb's 'ths' is bounded to the generated canvas
	// moduleData = {type: /M[0-3]|special/, prot: []}
	var canvas = document.createElement("canvas"),
		ctx = canvas.getContext("2d"),
		content = [];
	cb = cb.bind(canvas);
	canvas.width = 166;
	canvas.height = 106;
	content.push({
		url: tow.protectionModules.fn.getModuleUrl(moduleData.type),
		x: 0,
		y: 0
	});
	moduleData.prot = Array.isArray(moduleData.prot) ? moduleData.prot : [];
	moduleData.prot.reverse(/* reverse because icons are drawn from right to left */).forEach(function(prot, i) {
		console.log(prot);
		// 'x' and 'y' are just for testing - put the logic for calculation position later, based on 'i' and 'moduleData.prot.length'
		var listWidth = 32 * moduleData.prot.length - 2,
			x = (166 - listWidth) / 2 + i * (32),
			y = 36;
		x = 166 - x - 30; // mirror the drawing position of x - icons are drawn from right to left
		content.push({
			url: tow.protectionModules.data.iconbg,
			x: x - 1,
			y: y - 1
		});
		content.push({
			url: tow.protectionModules.fn.getIconUrl(prot),
			x: x + 1,
			y: y + 1
		});
	});
	console.warn(content.concat());
	tow.protectionModules.fn.fillModule(ctx, content, cb);
}
// draw images on module
tow.protectionModules.fn.fillModule = function(ctx, arrayOfImages, cb) {
	if (arrayOfImages.length === 0) {
		cb();
	} else {
		var curr = arrayOfImages.shift(),
			img = document.createElement("img");
		img.onload = function() {
			ctx.drawImage(this, curr.x || 0, curr.y || 0);
			tow.protectionModules.fn.fillModule(ctx, arrayOfImages, cb);
		}
		img.src = curr.url;
	}
}

/* implement */
$(".protection-module").each(function() {
	var placeholder = this,
		data = {type: null, prot: []},
		protAttr = $(this).attr("data-protection-module-prot");
	data.type = $(this).attr("data-protection-module-type");
	if (typeof protAttr === "string") {
		// value not empty or set to 'NONE'
		if (protAttr != "NONE" && protAttr.trim().length > 0) {
			data.prot = protAttr.split("##");
		}
	}
	tow.protectionModules.fn.createModule(data, function() {
		$(placeholder).replaceWith(this);
	});
});

 

HTML + wiki code:

<span class="protection-module" data-protection-module-type="{{{type|{{{1|M0}}}}}}" data-protection-module-prot="{{{protection|{{{2|NONE}}}}}}">placeholder text</span>

Syntax:

{{Protection Module|M<number>|Protection 1##Protection 2##Protection 3##etc.}}

 

I used it for auto-generation for images in an unofficial, fan Tanki wiki: http://tankionline.wikia.com/wiki/Protection_Modules#List_of_Modules (will not work on mobile)

 

Here's what i did with this syntax:

{{Protection Module|special|Railgun##Shaft##Thunder##Vulcan}}

Ladies and Gentlemen, i present you, the Penguin Q-A!

 

 

(for those of you with tendencies to faint, don't worry, i used Notepad++. I mean, who even uses MS Notepad... ew?!)

Edited July 28, 2016 by AN_602

[wassim-the-crazy 12]

   hello sir we need Designer on the parkour Club "Shadow of darkess" [sOD] if you want join the CLub

Clik Here

after clik on application for R/G/E :D

 

[tousif_the_master 2,240]

New logo :D

[O.S.A.N 714]

i am in this clan

 

-________________________________________-

 

1. This is not a clan

2. You didn't send an application

3. No one has accepted you

ROFLMAO xD

[Viking4s 10,791]

Creation based on the topicTurret: Rocket launcher Vs Artillery.

 

Edited August 29, 2016 by Viking4s

[ZXanarchyZ 4]

MY NAMES IS DARKGAMET.O ( VINICIUS DE PAULA )

 

NICK : DARKGAMET.O

 

YEARS : 16 

 

SKYPE : DARKGAMET.O

 

 

 

 

 

,

 

 

 

 

 

 

[MusicJam19 737]

 

 

 

 

 

How to be chat Moderators ?

For photoshop

Watch:

Or become like katekizem

ForumEnglishModerators

:D :wub: :wub: :wub:

 

I've got a cool trick to edit it without Photoshop, I'll show you in a bit

 

Edit: here you go

 

Just right click the text (or image) you want to change on Google Chrome and click Inspect Element. Then rewrite whatever you want :D

Quite fun actually, but this is quite an old trick :)

 

 

BTW, The changes made are only done on your pc and will go back to its normal version when you refresh the page

Edited September 1, 2016 by MusicJam19

[DageLV 940]

First thumbnail!

Click for full size.

Edited September 6, 2016 by DageLV

[Viking4s 10,791]

I've got a cool trick to edit it without Photoshop, I'll show you in a bit

 

Edit: here you go

 

Just right click the text (or image) you want to change on Google Chrome and click Inspect Element. Then rewrite whatever you want :D

Quite fun actually, but this is quite an old trick :)

 

 

 

 

BTW, The changes made are only done on your pc and will go back to its normal version when you refresh the page

I changed my K/D, awesome hack.

[Archangel 65]

Original

http://prnt.sc/cko8dd

 

Edited September 21, 2016 by Archangel

[Archangel 65]