Welcome to TiddlyWiki created by Jeremy Ruston; Copyright © 2004-2007 Jeremy Ruston, Copyright © 2007-2011 UnaMesa Association
<<gradient vert #367486 #13334c>>
----
Sean Bricknell is a game designer, writer and artist based in Tokyo Japan.
He is available for game/story writing, illustration and concept design.
----
Game Story / Writing:
- Game Design
- World Design (Characters, History, Locales, etc...)
- Story Structure and Dialogue
- Game Document Design
----
2D Illustration and Concept Design:
- Mechanics and Vehicles
- Props, Items, Accessories
- Backgrounds
- Character
- Creature
----
<html>
E-mail:<br>
<a href="swbricknell@acrossworlds.com">swbricknell@acrossworlds.com</a><br>
<a href="acrossworlds@gmail.com">acrossworlds@gmail.com</a><br>
</html>
----
<html>
<center>
<tr>
<td><img src="Images/Background/Background01.jpg" width="35%" alt="image"></td>
<td> </td>
<td><img src="Images/Background/Background04.jpg" width="40%" alt="image"></td>
</tr>
</center>
</html>
----
----
<<tabs txtRemember
Matte_Painting "Matte Painting" [[Matte Painting]]
Scene "Scene" [[Scene]]
BG "BG" [[BG]]
>>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Character/Elekas.jpg" width="24%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Character/1Knight-Armour-v1-014-a.jpg" width="31%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Character/Vancoszen_sml.jpg" width="30%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Character/KERN.jpg" width="32%" alt="image"></td>
</tr>
</center>
</html>
----
----
[[Ordal|http://ordal.acrossworlds.com/index]]
[[Vancoszen|http://ordal.acrossworlds.com/Characters/Vancoszen-Sheet.pdf]]
This is to show name and Date for each Tiddler: Belongs in ViewTemplate
----
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
----
This is the code for the side bar Options: (I've removed everything except the Search)
It belongs in: SideBarOptions
<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal "DD MMM YYYY" "journal">><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel "options »" "Change TiddlyWiki advanced options">>
----
This is the code for: Side Bar Tabs
It belongs in: SideBarTabs
<<tabs txtMainTab "Timeline" "Timeline" TabTimeline "All" "All tiddlers" TabAll "Tags" "All tags" TabTags "More" "More lists" TabMore>>
----
----
<<tabs txtRemember
VP_Art "The Vas Protectus" [[The Vas Protectus]]
Faction_Art "The Faction" [[The Faction]]
Scyl_Art "The Scyl" [[The Scyl]]
>>
----
<<tabs txtRemember
The_Concept "The TWT Concept" [[TWT Concept]]
The_Mechanics "The TWT Mechanics" [[TWT Mechanics]]
>>
Contact at either:
swbricknell@acrossworlds.com
or
acrossworlds@gmail.com
----
<<tabs txtRemember
Demon "Demon" [[Demons]]
Other "Other" [[Other]]
>>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Creature/vapruzza_final.jpg" width="26%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Creature/DemonKnight.jpg" width="25%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Creature/minordemon.jpg" width="38%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Creature/WraithAktchvan.jpg" width="20%" alt="image"></td>
</tr>
</center>
</html>
----
----
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/FactionMilitaryCraft-v1-6.jpg" width="60%" alt="image" style="margin: 75px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/FactionForceRifle-v1-0.jpg" width="70%" alt="image" style="margin: 75px;"></td></tr>
</center>
</html>
----
<<tabs txtRemember
Character "Character" [[Character]]
Creature "Creature" [[Creature]]
Background "Background" [[Background]]
Objects "Objects" [[Objects]]
Mechanics "Mechanics" [[Mechanics]]
Life_Drawing "Life Drawing" [[Life Drawing]]
>>
----
<<tabs txtRemember
RPG_System "AGES" [[RPG System]]
RTS_Game_Concept "RTS Concept" [[RTS Concept]]
>>
----
@@font-size:20px;color:#eeeeee;Welcome to Acrossworlds@@
----
@@font-size:18px;
[[Full Galleries|Galleries]] [[Quick Viewing|http://www.acrossworlds.com/quickviewing.html]] (will open in new browser tab/window)
@@
Recent Work:
<<tabs txtRemember
Recent1 "Recent1" [[Recent1]]
Recent2 "Recent2" [[Recent2]]
Recent3 "Recent3" [[Recent3]]
Recent4 "Recent4" [[Recent4]]
Recent5 "Recent5" [[Recent5]]
>>
<html>
E-mail:<br>
<a href="swbricknell@acrossworlds.com">swbricknell@acrossworlds.com</a><br>
<a href="acrossworlds@gmail.com">acrossworlds@gmail.com</a><br>
</html>
----
@@font-size:14px;color:#888888; : +++[ Individual Images ][close]
----
[[WB View 1]]
[[WB View 2]]
[[WB View 1 2]]
[[WB Location]]
===@@
@@font-size:14px;color:#888888;: Innards: +++[open][close]
----
[[Internal]]@@color:#888888;.tg@@
----
[[MainMenu]]
[[SideBarTabs]]
[[MyLayout]]
[[StyleSheet]]
[[GettingStarted]]
[[SiteTitle]]
[[DefaultTiddlers]]
[[Code Storage]]
[[SideBarOptions]]
[[Work Area]]
[[AdvancedOptions]]
----
===@@
<<gradient vert rgb(110,65,125) rgb(0,30,50)'>>
ショーンブリックネルは、東京を拠点とするアーティスト/ゲームデザイナー/ゲームプランナーです。
日本とは異なる、欧米人ユーザー/欧米マーケットを十分理解した上で、制作における様々なアドバイスをする事が可能です。
欧米人ならではのアプローチの仕方でゲーム制作をする事が可能です。
▼２Dイラストレーション及びコンセプトデザイン
- メカ関連及び戦車、スペ-スシップ、戦闘機などのデザイン
- オブジェクト及びアイテムのデザイン
- レイアウト及びバックグラウンド
- キャラクターデザイン
- クリチャーデザイン
▼ゲーム/ストーリーライティング
- ゲームデザインドキュメントの作成
- 世界観設定（キャラクター設定、バックグラウンド設定、場面設定など）
- ストーリー構成及びシナリオ作成
▼欧米マーケット向け制作アドバイザー
日本語でのお問い合わせも可能です。 お仕事のご依頼は、お気軽にご相談下さい。
----
<<tabs txtRemember
Long_Poses "Long Poses" [[Long Poses]]
Quick_Poses "Quick Poses" [[Quick Poses]]
>>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing23.jpg" width="30%" alt="image"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing-04-07.jpg" width="40%" alt="image"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing22.jpg" width="30%" alt="image"></td></tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing1.jpg" width="23%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing19.jpg" width="20%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing11.jpg" width="25%" alt="image"></td>
</tr>
</center>
</html>
<<gradient vert #003055 #015595 #1697cd>><html><style type="text/css">
<!--
a:link {color: #40E0D0; text-decoration: none; }
a:active {color: #79acb5; text-decoration: none; }
a:visited {color: #79acb5; text-decoration: none; }
a:hover {color: #1e3223; background-color: #8bcbb3;text-decoration: none; }
--></style> </html>
----
@@font-size:18px;
[[Home]]
[[About]]
@@
----
@@font-size:12px;color: #B0D0D0; AGES Rpg@@
<html>
<a href="http://ages.acrossworlds.com/" target="_blank"><img src="ageslogo.png" width="90%" alt="Acrossworlds" style="float: center; margin: 5px;"></a>
</html>
----
@@font-size:12px;color: #B0D0D0; Quick Viewing@@
<html>
<a href="http://www.acrossworlds.com/quickviewing.html" target="_blank"><img src="Elekas.png" width="90%" alt="Acrossworlds" style="float: center; margin: 5px;"></a>
</html>
----
@@font-size:11.5px; [[TiddlyWiki]]@@
----
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Background/TheLockdown-v2-6.jpg" width="55%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Background/Mt.Laroo.jpg" width="55%" alt="image"></td>
</tr>
</center>
</html>
----
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Mechanics/02-mecha-012.jpg" width="35%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Mechanics/quadra-ped-tank-5.jpg" width="45%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Mechanics/rework-mecha-006.jpg" width="40%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Mechanics/Pantarian-Vehicle-007.jpg" width="40%" alt="image"></td>
</tr>
</center>
</html>
----
{{left{[img[SWB.jpg]]}}} AcrossWorlds
/***
!!Title
***/
.headerShadow .left,
.headerShadow .right {position: absolute; top: 0;}
.headerShadow .left {left: 0;}
.headerShadow .right {right: 0;}
.headerForeground .left,
.headerForeground .right {display: none;}
StyleSheet
PageTemplate
ViewTemplate
EditTemplate
[[My Main Menu Work Area]]
!![[My Style Sheet Contents]]
[[My body]]
[[My Top Menu]]
[[My siteTitle]]
[[My header]]
[[My Main Menu]]
[[My tiddlers]]
[[My Toolbar]]
[[My message Area]]
[[My siderbarOptions]]
[[My sidebarTabs]]
[[My viewer]]
[[My tagging]]
[[My backstage area]]
[[My links]]
[[My tabs]]
[[My headings]]
[[My rounded corners]]
[[Extra small fonts tag cloud]]
[[Clint's IE fix]]
[[hr toolbar]]
/***
|Name|NestedSlidersPlugin|
|Source|http://www.TiddlyTools.com/#NestedSlidersPlugin|
|Documentation|http://www.TiddlyTools.com/#NestedSlidersPluginInfo|
|Version|2.4.9|
|Author|Eric Shulman|
|License|http://www.TiddlyTools.com/#LegalStatements|
|~CoreVersion|2.1|
|Type|plugin|
|Description|show content in nest-able sliding/floating panels, without creating separate tiddlers for each panel's content|
!!!!!Documentation
>see [[NestedSlidersPluginInfo]]
!!!!!Configuration
<<<
<<option chkFloatingSlidersAnimate>> allow floating sliders to animate when opening/closing
>Note: This setting can cause 'clipping' problems in some versions of InternetExplorer.
>In addition, for floating slider animation to occur you must also allow animation in general (see [[AdvancedOptions]]).
<<<
!!!!!Revisions
<<<
2008.11.15 - 2.4.9 in adjustNestedSlider(), don't make adjustments if panel is marked as 'undocked' (CSS class). In onClickNestedSlider(), SHIFT-CLICK docks panel (see [[MoveablePanelPlugin]])
|please see [[NestedSlidersPluginInfo]] for additional revision details|
2005.11.03 - 1.0.0 initial public release. Thanks to RodneyGomes, GeoffSlocock, and PaulPetterson for suggestions and experiments.
<<<
!!!!!Code
***/
//{{{
version.extensions.NestedSlidersPlugin= {major: 2, minor: 4, revision: 9, date: new Date(2008,11,15)};
// options for deferred rendering of sliders that are not initially displayed
if (config.options.chkFloatingSlidersAnimate===undefined)
config.options.chkFloatingSlidersAnimate=false; // avoid clipping problems in IE
// default styles for 'floating' class
setStylesheet(".floatingPanel { position:absolute; z-index:10; padding:0.5em; margin:0em; \
background-color:#eee; color:#000; border:1px solid #000; text-align:left; }","floatingPanelStylesheet");
// if removeCookie() function is not defined by TW core, define it here.
if (window.removeCookie===undefined) {
window.removeCookie=function(name) {
document.cookie = name+'=; expires=Thu, 01-Jan-1970 00:00:01 UTC; path=/;';
}
}
config.formatters.push( {
name: "nestedSliders",
match: "\\n?\\+{3}",
terminator: "\\s*\\={3}\\n?",
lookahead: "\\n?\\+{3}(\\+)?(\\([^\\)]*\\))?(\\!*)?(\\^(?:[^\\^\\*\\@\\[\\>]*\\^)?)?(\\*)?(\\@)?(?:\\{\\{([\\w]+[\\s\\w]*)\\{)?(\\[[^\\]]*\\])?(\\[[^\\]]*\\])?(?:\\}{3})?(\\#[^:]*\\:)?(\\>)?(\\.\\.\\.)?\\s*",
handler: function(w)
{
lookaheadRegExp = new RegExp(this.lookahead,"mg");
lookaheadRegExp.lastIndex = w.matchStart;
var lookaheadMatch = lookaheadRegExp.exec(w.source)
if(lookaheadMatch && lookaheadMatch.index == w.matchStart)
{
var defopen=lookaheadMatch[1];
var cookiename=lookaheadMatch[2];
var header=lookaheadMatch[3];
var panelwidth=lookaheadMatch[4];
var transient=lookaheadMatch[5];
var hover=lookaheadMatch[6];
var buttonClass=lookaheadMatch[7];
var label=lookaheadMatch[8];
var openlabel=lookaheadMatch[9];
var panelID=lookaheadMatch[10];
var blockquote=lookaheadMatch[11];
var deferred=lookaheadMatch[12];
// location for rendering button and panel
var place=w.output;
// default to closed, no cookie, no accesskey, no alternate text/tip
var show="none"; var cookie=""; var key="";
var closedtext=">"; var closedtip="";
var openedtext="<"; var openedtip="";
// extra "+", default to open
if (defopen) show="block";
// cookie, use saved open/closed state
if (cookiename) {
cookie=cookiename.trim().slice(1,-1);
cookie="chkSlider"+cookie;
if (config.options[cookie]==undefined)
{ config.options[cookie] = (show=="block") }
show=config.options[cookie]?"block":"none";
}
// parse label/tooltip/accesskey: [label=X|tooltip]
if (label) {
var parts=label.trim().slice(1,-1).split("|");
closedtext=parts.shift();
if (closedtext.substr(closedtext.length-2,1)=="=")
{ key=closedtext.substr(closedtext.length-1,1); closedtext=closedtext.slice(0,-2); }
openedtext=closedtext;
if (parts.length) closedtip=openedtip=parts.join("|");
else { closedtip="show "+closedtext; openedtip="hide "+closedtext; }
}
// parse alternate label/tooltip: [label|tooltip]
if (openlabel) {
var parts=openlabel.trim().slice(1,-1).split("|");
openedtext=parts.shift();
if (parts.length) openedtip=parts.join("|");
else openedtip="hide "+openedtext;
}
var title=show=='block'?openedtext:closedtext;
var tooltip=show=='block'?openedtip:closedtip;
// create the button
if (header) { // use "Hn" header format instead of button/link
var lvl=(header.length>5)?5:header.length;
var btn = createTiddlyElement(createTiddlyElement(place,"h"+lvl,null,null,null),"a",null,buttonClass,title);
btn.onclick=onClickNestedSlider;
btn.setAttribute("href","javascript:;");
btn.setAttribute("title",tooltip);
}
else
var btn = createTiddlyButton(place,title,tooltip,onClickNestedSlider,buttonClass);
btn.innerHTML=title; // enables use of HTML entities in label
// set extra button attributes
btn.setAttribute("closedtext",closedtext);
btn.setAttribute("closedtip",closedtip);
btn.setAttribute("openedtext",openedtext);
btn.setAttribute("openedtip",openedtip);
btn.sliderCookie = cookie; // save the cookiename (if any) in the button object
btn.defOpen=defopen!=null; // save default open/closed state (boolean)
btn.keyparam=key; // save the access key letter ("" if none)
if (key.length) {
btn.setAttribute("accessKey",key); // init access key
btn.onfocus=function(){this.setAttribute("accessKey",this.keyparam);}; // **reclaim** access key on focus
}
btn.setAttribute("hover",hover?"true":"false");
btn.onmouseover=function(ev) {
// optional 'open on hover' handling
if (this.getAttribute("hover")=="true" && this.sliderPanel.style.display=='none') {
document.onclick.call(document,ev); // close transients
onClickNestedSlider(ev); // open this slider
}
// mouseover on button aligns floater position with button
if (window.adjustSliderPos) window.adjustSliderPos(this.parentNode,this,this.sliderPanel);
}
// create slider panel
var panelClass=panelwidth?"floatingPanel":"sliderPanel";
if (panelID) panelID=panelID.slice(1,-1); // trim off delimiters
var panel=createTiddlyElement(place,"div",panelID,panelClass,null);
panel.button = btn; // so the slider panel know which button it belongs to
btn.sliderPanel=panel; // so the button knows which slider panel it belongs to
panel.defaultPanelWidth=(panelwidth && panelwidth.length>2)?panelwidth.slice(1,-1):"";
panel.setAttribute("transient",transient=="*"?"true":"false");
panel.style.display = show;
panel.style.width=panel.defaultPanelWidth;
panel.onmouseover=function(event) // mouseover on panel aligns floater position with button
{ if (window.adjustSliderPos) window.adjustSliderPos(this.parentNode,this.button,this); }
// render slider (or defer until shown)
w.nextMatch = lookaheadMatch.index + lookaheadMatch[0].length;
if ((show=="block")||!deferred) {
// render now if panel is supposed to be shown or NOT deferred rendering
w.subWikify(blockquote?createTiddlyElement(panel,"blockquote"):panel,this.terminator);
// align floater position with button
if (window.adjustSliderPos) window.adjustSliderPos(place,btn,panel);
}
else {
var src = w.source.substr(w.nextMatch);
var endpos=findMatchingDelimiter(src,"+++","===");
panel.setAttribute("raw",src.substr(0,endpos));
panel.setAttribute("blockquote",blockquote?"true":"false");
panel.setAttribute("rendered","false");
w.nextMatch += endpos+3;
if (w.source.substr(w.nextMatch,1)=="\n") w.nextMatch++;
}
}
}
}
)
function findMatchingDelimiter(src,starttext,endtext) {
var startpos = 0;
var endpos = src.indexOf(endtext);
// check for nested delimiters
while (src.substring(startpos,endpos-1).indexOf(starttext)!=-1) {
// count number of nested 'starts'
var startcount=0;
var temp = src.substring(startpos,endpos-1);
var pos=temp.indexOf(starttext);
while (pos!=-1) { startcount++; pos=temp.indexOf(starttext,pos+starttext.length); }
// set up to check for additional 'starts' after adjusting endpos
startpos=endpos+endtext.length;
// find endpos for corresponding number of matching 'ends'
while (startcount && endpos!=-1) {
endpos = src.indexOf(endtext,endpos+endtext.length);
startcount--;
}
}
return (endpos==-1)?src.length:endpos;
}
//}}}
//{{{
window.onClickNestedSlider=function(e)
{
if (!e) var e = window.event;
var theTarget = resolveTarget(e);
while (theTarget && theTarget.sliderPanel==undefined) theTarget=theTarget.parentNode;
if (!theTarget) return false;
var theSlider = theTarget.sliderPanel;
var isOpen = theSlider.style.display!="none";
// if SHIFT-CLICK, dock panel first (see [[MoveablePanelPlugin]])
if (e.shiftKey && config.macros.moveablePanel) config.macros.moveablePanel.dock(theSlider,e);
// toggle label
theTarget.innerHTML=isOpen?theTarget.getAttribute("closedText"):theTarget.getAttribute("openedText");
// toggle tooltip
theTarget.setAttribute("title",isOpen?theTarget.getAttribute("closedTip"):theTarget.getAttribute("openedTip"));
// deferred rendering (if needed)
if (theSlider.getAttribute("rendered")=="false") {
var place=theSlider;
if (theSlider.getAttribute("blockquote")=="true")
place=createTiddlyElement(place,"blockquote");
wikify(theSlider.getAttribute("raw"),place);
theSlider.setAttribute("rendered","true");
}
// show/hide the slider
if(config.options.chkAnimate && (!hasClass(theSlider,'floatingPanel') || config.options.chkFloatingSlidersAnimate))
anim.startAnimating(new Slider(theSlider,!isOpen,e.shiftKey || e.altKey,"none"));
else
theSlider.style.display = isOpen ? "none" : "block";
// reset to default width (might have been changed via plugin code)
theSlider.style.width=theSlider.defaultPanelWidth;
// align floater panel position with target button
if (!isOpen && window.adjustSliderPos) window.adjustSliderPos(theSlider.parentNode,theTarget,theSlider);
// if showing panel, set focus to first 'focus-able' element in panel
if (theSlider.style.display!="none") {
var ctrls=theSlider.getElementsByTagName("*");
for (var c=0; c<ctrls.length; c++) {
var t=ctrls[c].tagName.toLowerCase();
if ((t=="input" && ctrls[c].type!="hidden") || t=="textarea" || t=="select")
{ try{ ctrls[c].focus(); } catch(err){;} break; }
}
}
var cookie=theTarget.sliderCookie;
if (cookie && cookie.length) {
config.options[cookie]=!isOpen;
if (config.options[cookie]!=theTarget.defOpen) window.saveOptionCookie(cookie);
else window.removeCookie(cookie); // remove cookie if slider is in default display state
}
// prevent SHIFT-CLICK from being processed by browser (opens blank window... yuck!)
// prevent clicks *within* a slider button from being processed by browser
// but allow plain click to bubble up to page background (to close transients, if any)
if (e.shiftKey || theTarget!=resolveTarget(e))
{ e.cancelBubble=true; if (e.stopPropagation) e.stopPropagation(); }
Popup.remove(); // close open popup (if any)
return false;
}
//}}}
//{{{
// click in document background closes transient panels
document.nestedSliders_savedOnClick=document.onclick;
document.onclick=function(ev) { if (!ev) var ev=window.event; var target=resolveTarget(ev);
if (document.nestedSliders_savedOnClick)
var retval=document.nestedSliders_savedOnClick.apply(this,arguments);
// if click was inside a popup... leave transient panels alone
var p=target; while (p) if (hasClass(p,"popup")) break; else p=p.parentNode;
if (p) return retval;
// if click was inside transient panel (or something contained by a transient panel), leave it alone
var p=target; while (p) {
if ((hasClass(p,"floatingPanel")||hasClass(p,"sliderPanel"))&&p.getAttribute("transient")=="true") break;
p=p.parentNode;
}
if (p) return retval;
// otherwise, find and close all transient panels...
var all=document.all?document.all:document.getElementsByTagName("DIV");
for (var i=0; i<all.length; i++) {
// if it is not a transient panel, or the click was on the button that opened this panel, don't close it.
if (all[i].getAttribute("transient")!="true" || all[i].button==target) continue;
// otherwise, if the panel is currently visible, close it by clicking it's button
if (all[i].style.display!="none") window.onClickNestedSlider({target:all[i].button})
if (!hasClass(all[i],"floatingPanel")&&!hasClass(all[i],"sliderPanel")) all[i].style.display="none";
}
return retval;
};
//}}}
//{{{
// adjust floating panel position based on button position
if (window.adjustSliderPos==undefined) window.adjustSliderPos=function(place,btn,panel) {
if (hasClass(panel,"floatingPanel") && !hasClass(panel,"undocked")) {
// see [[MoveablePanelPlugin]] for use of 'undocked'
var rightEdge=document.body.offsetWidth-1;
var panelWidth=panel.offsetWidth;
var left=0;
var top=btn.offsetHeight;
if (place.style.position=="relative" && findPosX(btn)+panelWidth>rightEdge) {
left-=findPosX(btn)+panelWidth-rightEdge; // shift panel relative to button
if (findPosX(btn)+left<0) left=-findPosX(btn); // stay within left edge
}
if (place.style.position!="relative") {
var left=findPosX(btn);
var top=findPosY(btn)+btn.offsetHeight;
var p=place; while (p && !hasClass(p,'floatingPanel')) p=p.parentNode;
if (p) { left-=findPosX(p); top-=findPosY(p); }
if (left+panelWidth>rightEdge) left=rightEdge-panelWidth;
if (left<0) left=0;
}
panel.style.left=left+"px"; panel.style.top=top+"px";
}
}
//}}}
//{{{
// TW2.1 and earlier:
// hijack Slider stop handler so overflow is visible after animation has completed
Slider.prototype.coreStop = Slider.prototype.stop;
Slider.prototype.stop = function()
{ this.coreStop.apply(this,arguments); this.element.style.overflow = "visible"; }
// TW2.2+
// hijack Morpher stop handler so sliderPanel/floatingPanel overflow is visible after animation has completed
if (version.major+.1*version.minor+.01*version.revision>=2.2) {
Morpher.prototype.coreStop = Morpher.prototype.stop;
Morpher.prototype.stop = function() {
this.coreStop.apply(this,arguments);
var e=this.element;
if (hasClass(e,"sliderPanel")||hasClass(e,"floatingPanel")) {
// adjust panel overflow and position after animation
e.style.overflow = "visible";
if (window.adjustSliderPos) window.adjustSliderPos(e.parentNode,e.button,e);
}
};
}
//}}}
/***
|Name|NestedSlidersPluginInfo|
|Source|http://www.TiddlyTools.com/#NestedSlidersPlugin|
|Documentation|http://www.TiddlyTools.com/#NestedSlidersPluginInfo|
|Version|2.4.9|
|Author|Eric Shulman|
|License|http://www.TiddlyTools.com/#LegalStatements|
|~CoreVersion|2.1|
|Type|documentation|
|Description|documentation for NestedSlidersPlugin|
This plugin adds new wiki syntax for embedding 'slider' panels directly into tiddler content.
!!!!!Usage
<<<
//{{{
++++(cookiename)!!!!!^width^*@{{class{[label=key|tooltip][altlabel|alttooltip]}}}#panelID:>...
content goes here
===
//}}}
* ''"""+++""" (or """++++""") and """==="""''<br>marks the start and end of the slider definition, respectively. When the extra {{{+}}} is used, the slider will be open when initially displayed.
* ''"""(cookiename)"""''<br>saves the slider opened/closed state, and restores this state whenever the slider is re-rendered.
* ''"""! through !!!!!"""''<br>displays the slider label using a formatted headline (Hn) style instead of a button/link style
* ''"""^width^ (or just ^)"""''<br>makes the slider 'float' on top of other content rather than shifting that content downward. 'width' must be a valid CSS value (e.g., "30em", "180px", "50%", etc.). If omitted, the default width is "auto" (i.e., fit to content)
* ''"""*"""''<br>denotes "transient display": when a click occurs elsewhere in the document, the slider/floating panel will be automatically closed. This is useful for creating 'pulldown menus' that automatically go away after they are used. //Note: using SHIFT-click on a slider label will open/close that slider without triggering the automatic closing of any transient slider panels that are currently displayed, permitting ''temporary'' display of several transient panels at once.//
* ''"""@"""''<br>denotes "open on hover": the slider/floating panel will be automatically opened as soon as the mouse moves over the slider label, without requiring a click.
* ''"""{{class{[label=key|tooltip][altlabel|alttooltip]}}}"""''<br>uses label/tooltip/accesskey. """{{class{...}}}""", """=key""", """|tooltip""" and """[altlabel|alttooltip]""" are optional. 'class' is any valid CSS class name, used to style the slider label text. 'key' must be a ''single letter only''. altlabel/alttooltip specify alternative label/tooltip for use when slider/floating panel is displayed. //Note: you can use HTML syntax within the label text to include HTML entities (e.g., {{{»}}} (») or {{{►}}} (►), or even embedded images (e.g., {{{<img src="images/eric3.gif">}}}).//
* ''"""#panelID:"""''<br>defines a unique DOM element ID that is assigned to the panel element used to display the slider content. This ID can then be used later to reposition the panel using the {{{<<DOM move id>>}}} macro (see [[DOMTweaksPlugin]]), or to access/modify the panel element through use of {{{document.getElementById(...)}}}) javascript code in a plugin or inline script.
* ''""">"""''<br>automatically adds blockquote formatting to slider content
* ''"""..."""''<br>defers rendering of closed sliders until the first time they are opened.
Notes:
*You can 'nest' sliders as deep as you like (see complex nesting example below), so that expandable 'tree-like' hierarchical displays can be created.
*Deferred rendering (...) can be used to offset processing overhead until actually needed. However, this may produce unexpected results in some cases. Use with care.
* To make slider definitions easier to read and recognize when editing a tiddler, newlines immediately following the 'start slider' or preceding the 'end slider' sequences are automatically supressed so that excess whitespace is eliminated from the output.
<<<
!!!!!Examples
<<<
simple in-line slider:
{{{
+++content===
}}}
+++content===
----
use a custom label and tooltip:
{{{
+++[label|tooltip]content===
}}}
+++[label|tooltip]content===
----
content automatically blockquoted:
{{{
+++>content===
}}}
+++>content===
----
all options (except cookie) //(default open, heading, sized floater, transient, open on hover, class, label/tooltip/key, blockquoted, deferred)//
{{{
++++!!!^30em^*@{{big{[label=Z|click or press Alt-Z to open]}}}>...
content
===
}}}
++++!!!^30em^*@{{big{[label=Z|click or press Alt-Z to open]}}}>...
content
===
----
complex nesting example:
{{{
+++[get info...=I|click for information or press Alt-I]
put some general information here,
plus a floating panel with more specific info:
+++^10em^[view details...|click for details]
put some detail here, which could in turn contain a transient panel,
perhaps with a +++^25em^*[glossary definition]explaining technical terms===
===
===
}}}
+++[get info...=I|click for information or press Alt-I]
put some general information here,
plus a floating panel with more specific info:
+++^10em^[view details...|click for details]
put some detail here, which could in turn contain a transient panel,
perhaps with a +++^25em^*[glossary definition]explaining technical terms===
===
===
----
embedded image as slider button
{{{
+++[<img src=images/eric3.gif>|click me!]>
{{big{OUCH!}}}
===
}}}
+++[<img src=images/eric3.gif>|click me!]>
{{big{OUCH!}}}
===
<<<
!!!!!Revisions
<<<
2008.11.15 2.4.9 in adjustNestedSlider(), don't make adjustments if panel is marked as 'undocked' (CSS class). In onClickNestedSlider(), SHIFT-CLICK docks panel (see [[MoveablePanelPlugin]])
2008.11.13 2.4.8 in document.onclick(), if transient panel is not a sliderPanel or floatingPanel, hide it via CSS
2008.10.05 2.4.7 in onClickNestedSlider(), added try/catch around focus() call to prevent IE error if input field being focused on is currently not visible.
2008.09.07 2.4.6 added removeCookie() function for compatibility with [[CookieManagerPlugin]]
2008.06.07 2.4.5 in 'onmouseover' handler for 'open on hover' slider buttons, use call() method when invoking document.onclick function (avoids error in IE)
2008.06.07 2.4.4 changed default for chkFloatingSlidersAnimate to FALSE to avoid clipping problem on some browsers (IE). Updated Morpher hijack (again) to adjust regular sliderPanel styles as well as floatingPanel styles.
2008.05.07 2.4.3 updated Morpher hijack to adjust floatingPanel styles after animation without affecting other animated elements (i.e. popups). Also, updated adjustSliderPos() to account for scrollwidth and use core findWindowWidth().
2008.04.02 2.4.2 in onClickNestedSlider, handle clicks on elements contained //within// slider buttons (e.g., when using HTML to display an image as a slider button).
2008.04.01 2.4.1 open on hover also triggers document.onclick to close other transient sliders
2008.04.01 2.4.0 re-introduced 'open on hover' feature using "@" symbol
2008.03.26 2.3.5 in document.onclick(), if click is in popup, don't dismiss transient panel (if any)
2008.01.08 [*.*.*] plugin size reduction: documentation moved to ...Info tiddler
2007.12.28 2.3.4 added hijack for Animator.prototype.startAnimating(). Previously, the plugin code simply set the overflow to "visible" after animation. This code tweak corrects handling of elements that were styled with overflow=hidden/auto/scroll before animation by saving the overflow style and then restoring it after animation has completed.
2007.12.17 2.3.3 use hasClass() instead of direct comparison to test for "floatingPanel" class. Allows floating panels to have additional classes assigned to them (i.e., by AnimationEffectsPlugin).
2007.11.14 2.3.2 in onClickNestedSlider(), prevent SHIFT-click events from opening a new, empty browser window by setting "cancelBubble=true" and calling "stopPropagation()". Note: SHIFT-click is still processed as a normal click (i.e., it toggles the slider panel display). Also, using SHIFT-click will prevent 'transient' sliders from being automatically closed when another slider is opened, allowing you to *temporarily* display several transient sliders at once.
2007.07.26 2.3.1 in document.onclick(), propagate return value from hijacked core click handler to consume OR bubble up click as needed. Fixes "IE click disease", whereby nearly every mouse click causes a page transition.
2007.07.20 2.3.0 added syntax for setting panel ID (#panelID:). This allows individual slider panels to be repositioned within tiddler content simply by giving them a unique ID and then moving them to the desired location using the {{{<<DOM move id>>}}} macro.
2007.07.19 2.2.0 added syntax for alttext and alttip (button label and tooltip to be displayed when panel is open)
2007.07.14 2.1.2 corrected use of 'transient' attribute in IE to prevent (non-recursive) infinite loop
2007.07.12 2.1.0 replaced use of "*" for 'open/close on rollover' (which didn't work too well). "*" now indicates 'transient' panels that are automatically closed if a click occurs somewhere else in the document. This permits use of nested sliders to create nested "pulldown menus" that automatically disappear after interaction with them has been completed. Also, in onClickNestedSlider(), use "theTarget.sliderCookie", instead of "this.sliderCookie" to correct cookie state tracking when automatically dismissing transient panels.
2007.06.10 2.0.5 add check to ensure that window.adjustSliderPanel() is defined before calling it (prevents error on shutdown when mouse event handlers are still defined)
2007.05.31 2.0.4 add handling to invoke adjustSliderPanel() for onmouseover events on slider button and panel. This allows the panel position to be re-synced when the button position shifts due to changes in unrelated content above it on the page. (thanks to Harsha for bug report)
2007.03.30 2.0.3 added chkFloatingSlidersAnimate (default to FALSE), so that slider animation can be disabled independent of the overall document animation setting (avoids strange rendering and focus problems in floating panels)
2007.03.01 2.0.2 for TW2.2+, hijack Morpher.prototype.stop so that "overflow:hidden" can be reset to "overflow:visible" after animation ends
2007.03.01 2.0.1 in hijack for Slider.prototype.stop, use apply() to pass params to core function
2006.07.28 2.0.0 added custom class syntax around label/tip/key syntax: {{{{{classname{[label=key|tip]}}}}}}
2006.07.25 1.9.3 when parsing slider, save default open/closed state in button element, then in onClickNestedSlider(), if slider state matches saved default, instead of saving cookie, delete it. Significantly reduces the 'cookie overhead' when default slider states are used.
2006.06.29 1.9.2 in onClickNestedSlider(), when setting focus to first control, skip over type="hidden"
2006.06.22 1.9.1 added panel.defaultPanelWidth to save requested panel width, even after resizing has changed the style value
2006.05.11 1.9.0 added optional '^width^' syntax for floating sliders and '=key' syntax for setting an access key on a slider label
2006.05.09 1.8.0 in onClickNestedSlider(), when showing panel, set focus to first child input/textarea/select element
2006.04.24 1.7.8 in adjustSliderPos(), if floating panel is contained inside another floating panel, subtract offset of containing panel to find correct position
2006.02.16 1.7.7 corrected deferred rendering to account for use-case where show/hide state is tracked in a cookie
2006.02.15 1.7.6 in adjustSliderPos(), ensure that floating panel is positioned completely within the browser window (i.e., does not go beyond the right edge of the browser window)
2006.02.04 1.7.5 add 'var' to unintended global variable declarations to avoid FireFox 1.5.0.1 crash bug when assigning to globals
2006.01.18 1.7.4 only define adjustSliderPos() function if it has not already been provided by another plugin. This lets other plugins 'hijack' the function even when they are loaded first.
2006.01.16 1.7.3 added adjustSliderPos(place,btn,panel,panelClass) function to permit specialized logic for placement of floating panels. While it provides improved placement for many uses of floating panels, it exhibits a relative offset positioning error when used within *nested* floating panels. Short-term workaround is to only adjust the position for 'top-level' floaters.
2006.01.16 1.7.2 added button property to slider panel elements so that slider panel can tell which button it belongs to. Also, re-activated and corrected animation handling so that nested sliders aren't clipped by hijacking Slider.prototype.stop so that "overflow:hidden" can be reset to "overflow:visible" after animation ends
2006.01.14 1.7.1 added optional "^" syntax for floating panels. Defines new CSS class, ".floatingPanel", as an alternative for standard in-line ".sliderPanel" styles.
2006.01.14 1.7.0 added optional "*" syntax for rollover handling to show/hide slider without requiring a click (Based on a suggestion by tw4efl)
2006.01.03 1.6.2 When using optional "!" heading style, instead of creating a clickable "Hn" element, create an "A" element inside the "Hn" element. (allows click-through in SlideShowPlugin, which captures nearly all click events, except for hyperlinks)
2005.12.15 1.6.1 added optional "..." syntax to invoke deferred ('lazy') rendering for initially hidden sliders
removed checkbox option for 'global' application of lazy sliders
2005.11.25 1.6.0 added optional handling for 'lazy sliders' (deferred rendering for initially hidden sliders)
2005.11.21 1.5.1 revised regular expressions: if present, a single newline //preceding// and/or //following// a slider definition will be suppressed so start/end syntax can be place on separate lines in the tiddler 'source' for improved readability. Similarly, any whitespace (newlines, tabs, spaces, etc.) trailing the 'start slider' syntax or preceding the 'end slider' syntax is also suppressed.
2005.11.20 1.5.0 added (cookiename) syntax for optional tracking and restoring of slider open/close state
2005.11.11 1.4.0 added !!!!! syntax to render slider label as a header (Hn) style instead of a button/link style
2005.11.07 1.3.0 removed alternative syntax {{{(((}}} and {{{)))}}} (so they can be used by other formatting extensions) and simplified/improved regular expressions to trim multiple excess newlines
2005.11.05 1.2.1 changed name to NestedSlidersPlugin
2005.11.04 1.2.0 added alternative character-mode syntax {{{(((}}} and {{{)))}}}
tweaked "eat newlines" logic for line-mode {{{+++}}} and {{{===}}} syntax
2005.11.03 1.1.1 fixed toggling of default tooltips ("more..." and "less...") when a non-default button label is used. code cleanup, added documentation
2005.11.03 1.1.0 changed delimiter syntax from {{{(((}}} and {{{)))}}} to {{{+++}}} and {{{===}}}. changed name to EasySlidersPlugin
2005.11.03 1.0.0 initial public release
<<<
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Object/TheGateKeeper.jpg" width="30%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Object/wpn-warhammer-003.jpg" width="28%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Object/Ion-Assault-Thumper-colour-004.jpg" width="30%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Object/wpn-thesevesar-004.jpg" width="26%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Object/bronze-010.jpg" width="20%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Object/anc-axe-obj02.jpg" width="20%" alt="image"></td>
</tr>
</center>
</html>
----
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Creature/Ulgat_08.jpg" width="29%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Creature/2.Headed.Giant.jpg" width="26%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Creature/skeleton.jpg" width="25%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/Creature/stone_golem_swing_f_.jpg" width="35%" alt="image"></td>
</tr>
</center>
</html>
----
<!--{{{-->
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlersBar' refresh='none' ondblclick='config.macros.tiddlersBar.onTiddlersBarAction(event)'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->
----
----
@@font-size:16px;color:#82c6ca;Sample Work:@@
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/VP-APC.jpg" width="60%" alt="APC" style="margin: 10px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing2.jpg" width="20%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing5.jpg" width="20%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing6.jpg" width="20%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing4.jpg" width="25%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/LifeDrawing/LifeDrawing10.jpg" width="28%" alt="image"></td>
</tr>
</center>
</html>
<html><img src="Images/ages.project.logo.png" width="300px" alt="Acrossworlds" style="float: right; margin: 10px;"></html>
----
@@font-size:24px;color:#b3a6bf;AGES Role - Playing System@@
----
Document: [[The AGES System|http://ages.acrossworlds.com/]]
• This is my own home grown rules for Paper -n- Pencil role-playing.
• It's a pretty loose system where you can either concern yourself
with a lot or just a few details.
• You can also decide what kind of dice you play with and whether
you want to use character classes and levels or not.
----
NPC Updates:
@@font-size:16px;color:#bbbbbb; +++[NPC: Vancoszen][-- close --]
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/Vancoszen-Sheet.jpg" width="55%" alt="image" style="margin: 75px;"></td></tr>
</center>
</html>
===@@
<html><img src="Images/Cover-Page-flat.jpg" alt="Logo" style="float: right; margin: 4px; width: 30%;"></html>
----
@@font-size:18px;color:#b3a6bf;The War Triangle@@
----
• This is a game design document for an SF RTS concept breaking from the heavy resource management style of the average RTS.
• It sees an ongoing struggle going on between three forces: VP, CORR and Scyl
----
<<tabs txtRemember
- "-" [[-]]
The_Concept "The TWT Concept" [[TWT Concept]]
The_Mechanics "The TWT Mechanics" [[TWT Mechanics]]
VP_Art "The Vas Protectus" [[The Vas Protectus]]
Faction_Art "The Faction" [[The Faction]]
Scyl_Art "The Scyl" [[The Scyl]]
>>
----
@@font-size: 14px;color: #b6afa5;CONCEPT ART:@@
[[The Vas Protectus]]
[[The Scyl]]
[[The Faction]]
----
<html>
<tr><td><img src="Images/Background/TheLockdown-v2-6.jpg" width="50%" alt="image" style="margin: 15px;"></td>
<td valign ="top" align="center"><img src="Images/Character/Legionnaire-v2-01.jpg" width="48%" alt="Merc" style="margin: 5px;"></td>
<tr>
</html>
----
<html>
<center>
<tr><td><img src="Images/Creature/Valzebiel.jpg" width="40%" alt="image" style="margin: 15px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Character/Legionnaire-v2-01.jpg" width="48%" alt="Merc" style="margin: 5px;"></td>
<tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/Object/FactionForceRifle-v1-0.jpg" width="45%" alt="image" style="margin: 75px;"></td>
<tr><td valign ="top" align="center"><img src="Images/Character/MercTeam-v1-6.jpg" width="25%" alt="image" style="margin: 25px;"></td>
</center>
</html>
----
<html>
<center>
<tr><td><img src="Images/Background/TheLockdown-v2-6.jpg" width="70%" alt="image" style="margin: 15px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td><img src="Images/Character/Ayana-v3-6.jpg" width="40%" alt="image" style="margin: 15px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/Creature/DemonKnight.jpg" width="40%" alt="image" style="margin: 25px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/Object/Treasure-v2-5.jpg" width="60%" alt="image" style="margin: 25px;"></td></tr>
</center>
</html>
<center>
<a href="http://swb.acrossworlds.com"><img alt="Return to Galleries"
src="../Return-to.png" border="0"></a></center>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Background/Background02.jpg" width="32%" alt="image"></td>
</tr>
</center>
</html>
----
<<gradient vert #003055 #015595 #1697cd>><<search>><<saveChanges>>
<<gradient vert #003055 #015595 #1697cd>>
@@font-size:14px;color:#cccccc;
----
<html>
<img src="Images/Flamer.png" width="80%" alt="Acrossworlds" style="float: center; margin: 5px;">
</html>
[[Game Design]]
- RPG System
- RTS Concept
[[Galleries]]
- Creature
- Character
- Wizards Bash
- Mechanics
- Background
- Objects
- Life Drawing
----
[[Site Map]]
----
@@
----
@@font-size:12px;color:#888888;[[Innards]]@@
----
[[Home]]
[[About]]
@@font-size:16px;color:#bbbbbb; +++[Recent:][-- close --]
[[Recent1]]
[[Recent2]]
[[Recent3]]
[[Recent4]]
[[Recent5]]
===@@
[[Game Design]]
*[[RPG System]]
*[[RTS Concept]]
**[[TWT Concept]]
**[[TWT Mechanics]]
**[[The Vas Protectus]]
**[[The Faction]]
**[[The Scyl]]
[[Galleries]]
*[[Creature]]
**[[Demons]]
**[[Other]]
*[[Character]]
*[[Wizards Bash]]
**[[WB View 1 2]]
**[[WB Location]]
*[[Mechanics]]
*[[Background]]
**[[Matte Painting]]
**[[Scene]]
**[[BG]]
*[[Objects]]
*[[Life Drawing]]
**[[Long Poses]]
**[[Quick Poses]]
----
{{name{[<img[Images/Sean.W.Bricknell.png]]}}}
#mainMenu {
text-align: left;
height: 1200px;
background: #00182b;
color: rgb(20, 34, 60);
font-weight: bolder;
font-size: 14px;
}
#tiddlersBar .tab {-moz-border-radius : 0.4em 0.4em 0 0}
/***
!!Title
***/
.headerShadow .name {display:none;}
.headerForeground .name {
position:absolute;
left: -10px;
top: 0px;
}
/***
!!Careful the Order things go!!!
***/
body {background-image: url('background.jpg');}
.tagged {display:none};
/***
!!HTML (Tables)
***/
.viewer table { border: none; }
.viewer td, .viewer tr, .viewer tbody, .viewer th { border: none; }
.siteSubtitle {
font-size: 18px;
}
.title { font-size: 24px; color:#66CCCC; }
.tiddler {
background: rgb(237, 242, 250);
-moz-border-radius : 0.4em; padding-bottom : 1em
}
.tiddler {
color: rgb(225, 225, 245);
background-image: url('background-small.jpg');
font-family: Arial, 'Arial', sans-serif;
font-size: 14px;
}
.viewer table.borderless,
.viewer table.borderless * {
border: 0;
}
.viewer div.rightTable {
text-align: right;
}
.viewer div.rightTable table {
margin:0% 70%;
text-align: right;
}
/***
!!Horizontal lines
***/
hr {
height:1px;
background:rgb(100,100,110)
}
/***
!!The Tab Contents!!
***/
.tabContents {
color: rgb(200, 200, 240);
background-image: url('background-small.jpg');
}
/***
!!Defining the TABS
***/
.tab { font-size: 12px;}
.tabUnselected {
background: #002040;
color: #ffffff;
padding: 5px 5px 0px;
}
.tabSelected {
color: #ffffff;
background: #00008B;
font-weight: bold;
}
a:link {color: #40E0D0; text-decoration: none; }
a:active {color: #ffffff; text-decoration: none; }
a:visited {color: #ffffff; text-decoration: none; }
a:hover {color: #1e3223; background-color: #8bcbb3;text-decoration: none; }
h1 { color: rgb(190,225,250);
background: transparent;
font-family: 'Lucida Sans', 'Humanist 521', san-serif;
border-bottom:2.5px solid rgb(55%,55%,70%);
}
h2 { color: rgb(190,225,250);
background: transparent;
font-family: 'Lucida Sans', 'Humanist 521', san-serif;
border-bottom:1.5px solid rgb(65%,65%,80%);
}
h3 { color: rgb(180,220,250);
background: transparent;
font-family: 'Lucida Sans', 'Humanist 521', san-serif;
border-bottom:1px solid rgb(65%,65%,80%);
}
h4,h5 { color: rgb(180,180,250);
background: transparent;
}
<html>
<center>
<OBJECT CLASSID="clsid:CA8A9780-280D-11CF-A24D-4… WIDTH=700 HEIGHT=700> <PARAM NAME="SRC" VALUE="pdfs/TWTConceptDoc.pdf"> <EMBED SRC="pdfs/TWTConceptDoc.pdf" WIDTH=700 HEIGHT=700> <NOEMBED> Your browser does not support embedded PDF files. </NOEMBED> </EMBED></OBJECT>
</center>
</html>
<html>
<center>
<OBJECT CLASSID="clsid:CA8A9780-280D-11CF-A24D-4… WIDTH=800 HEIGHT=700> <PARAM NAME="SRC" VALUE="pdfs/TWTMechanicsDoc.pdf"> <EMBED SRC="pdfs/TWTMechanicsDoc.pdf" WIDTH=800 HEIGHT=700> <NOEMBED> Your browser does not support embedded PDF files. </NOEMBED> </EMBED></OBJECT>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/MoorCastleFortress.jpg" width="70%" alt="image" style="margin: 75px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/TWT/CORR-Homeworld.jpg" width="50%" alt="image"></td></tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/TWT/CORR-Medium-Hover-Tank.jpg" width="35%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/TWT/CORR-Med-Tank.jpg" width="35%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/TWT/CORR-Infantry.jpg" width="35%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/TWT/CORR-Infantry-pg2.jpg" width="35%" alt="image"></td>
</tr>
</center>
</html>
----
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/Treasure-v2-5.jpg" width="60%" alt="image" style="margin: 75px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/Legionnaire_sm.jpg" width="52%" alt="Merc" style="margin: 5px;"></td>
<td valign ="top" align="center"><img src="Images/Legionnaire_smTECH.jpg" width="22%" alt="Merc" style="margin: 5px;"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/TheLockdown-v2-6.jpg" width="80%" alt="image"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/MercTeam-v1-6.jpg" width="45%" alt="image" style="margin: 25px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/TWT/Scyl-Homeworld.jpg" width="50%" alt="image"></td></tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/TWT/Scyl-MBT.jpg" width="35%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/TWT/Scyl-Psi-Elite.jpg" width="35%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/TWT/Scyl-Hvy-Dread.jpg" width="35%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/TWT/Scyl-artillery.jpg" width="35%" alt="image"></td>
</tr>
</center>
</html>
----
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/Vancoszen-Sheet.jpg" width="80%" alt="image" style="margin: 25px;"></td></tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/TWT/VP-Homeworld.jpg" width="50%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/TWT/VP-Mobile-Artillery.jpg" width="35%" alt="image"></td>
<td valign ="top" align="center"> </td>
<tr><td valign ="top" align="center"><img src="Images/TWT/VP-MBT.jpg" width="35%" alt="image"></td></tr>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/TWT/VP-Hvy-Infantry.jpg" width="35%" alt="image"></td>
<td valign ="top" align="center"> </td>
<td valign ="top" align="center"><img src="Images/TWT/VP-Walker.jpg" width="35%" alt="image"></td>
</tr>
</center>
</html>
----
----
<<tabs txtRemember
The_Concept "The TWT Concept" [[TWT Concept]]
The_Mechanics "The TWT Mechanics" [[TWT Mechanics]]
VP_Art "The Vas Protectus" [[The Vas Protectus]]
Faction_Art "The Faction" [[The Faction]]
Scyl_Art "The Scyl" [[The Scyl]]
>>
<html>
<center>
<tr><td><img src="Images/Wizards-Bash-P1.jpg" width="70%" alt="image" style="margin: 15px;"></td></tr>
</center>
</html>
[[The Wizard's Bash 2]]
<html>
<center>
<tr><td><img src="Images/Wizards-Bash-P2.jpg" width="70%" alt="image" style="margin: 15px;"></td></tr>
</center>
</html>
[[The Wizard's Bash 1]]
/***
|''Name:''|TiddlersBarPlugin|
|''Description:''|A bar to switch between tiddlers through tabs (like browser tabs bar).|
|''Version:''|1.2.5|
|''Date:''|Jan 18,2008|
|''Source:''|http://visualtw.ouvaton.org/VisualTW.html|
|''Author:''|Pascal Collin|
|''License:''|[[BSD open source license|License]]|
|''~CoreVersion:''|2.1.0|
|''Browser:''|Firefox 2.0; InternetExplorer 6.0, others|
!Demos
On [[homepage|http://visualtw.ouvaton.org/VisualTW.html]], open several tiddlers to use the tabs bar.
!Installation
#import this tiddler from [[homepage|http://visualtw.ouvaton.org/VisualTW.html]] (tagged as systemConfig)
#save and reload
#''if you're using a custom [[PageTemplate]]'', add {{{<div id='tiddlersBar' refresh='none' ondblclick='config.macros.tiddlersBar.onTiddlersBarAction(event)'></div>}}} before {{{<div id='tiddlerDisplay'></div>}}}
#optionally, adjust StyleSheetTiddlersBar
!Tips
*Doubleclick on the tiddlers bar (where there is no tab) create a new tiddler.
*Tabs include a button to close {{{x}}} or save {{{!}}} their tiddler.
*By default, click on the current tab close all others tiddlers.
!Configuration options
<<option chkDisableTabsBar>> Disable the tabs bar (to print, by example).
<<option chkHideTabsBarWhenSingleTab >> Automatically hide the tabs bar when only one tiddler is displayed.
<<option txtSelectedTiddlerTabButton>> ''selected'' tab command button.
<<option txtPreviousTabKey>> previous tab access key.
<<option txtNextTabKey>> next tab access key.
!Code
***/
//{{{
config.options.chkDisableTabsBar = config.options.chkDisableTabsBar ? config.options.chkDisableTabsBar : false;
config.options.chkHideTabsBarWhenSingleTab = config.options.chkHideTabsBarWhenSingleTab ? config.options.chkHideTabsBarWhenSingleTab : false;
config.options.txtSelectedTiddlerTabButton = config.options.txtSelectedTiddlerTabButton ? config.options.txtSelectedTiddlerTabButton : "closeOthers";
config.options.txtPreviousTabKey = config.options.txtPreviousTabKey ? config.options.txtPreviousTabKey : "";
config.options.txtNextTabKey = config.options.txtNextTabKey ? config.options.txtNextTabKey : "";
config.macros.tiddlersBar = {
tooltip : "see ",
tooltipClose : "click here to close this tab",
tooltipSave : "click here to save this tab",
promptRename : "Enter tiddler new name",
currentTiddler : "",
previousState : false,
previousKey : config.options.txtPreviousTabKey,
nextKey : config.options.txtNextTabKey,
tabsAnimationSource : null, //use document.getElementById("tiddlerDisplay") if you need animation on tab switching.
handler: function(place,macroName,params) {
var previous = null;
if (config.macros.tiddlersBar.isShown())
story.forEachTiddler(function(title,e){
if (title==config.macros.tiddlersBar.currentTiddler){
var d = createTiddlyElement(null,"span",null,"tab tabSelected");
config.macros.tiddlersBar.createActiveTabButton(d,title);
if (previous && config.macros.tiddlersBar.previousKey) previous.setAttribute("accessKey",config.macros.tiddlersBar.nextKey);
previous = "active";
}
else {
var d = createTiddlyElement(place,"span",null,"tab tabUnselected");
var btn = createTiddlyButton(d,title,config.macros.tiddlersBar.tooltip + title,config.macros.tiddlersBar.onSelectTab);
btn.setAttribute("tiddler", title);
if (previous=="active" && config.macros.tiddlersBar.nextKey) btn.setAttribute("accessKey",config.macros.tiddlersBar.previousKey);
previous=btn;
}
var isDirty =story.isDirty(title);
var c = createTiddlyButton(d,isDirty ?"!":"x",isDirty?config.macros.tiddlersBar.tooltipSave:config.macros.tiddlersBar.tooltipClose, isDirty ? config.macros.tiddlersBar.onTabSave : config.macros.tiddlersBar.onTabClose,"tabButton");
c.setAttribute("tiddler", title);
if (place.childNodes) {
place.insertBefore(document.createTextNode(" "),place.firstChild); // to allow break line here when many tiddlers are open
place.insertBefore(d,place.firstChild);
}
else place.appendChild(d);
})
},
refresh: function(place,params){
removeChildren(place);
config.macros.tiddlersBar.handler(place,"tiddlersBar",params);
if (config.macros.tiddlersBar.previousState!=config.macros.tiddlersBar.isShown()) {
story.refreshAllTiddlers();
if (config.macros.tiddlersBar.previousState) story.forEachTiddler(function(t,e){e.style.display="";});
config.macros.tiddlersBar.previousState = !config.macros.tiddlersBar.previousState;
}
},
isShown : function(){
if (config.options.chkDisableTabsBar) return false;
if (!config.options.chkHideTabsBarWhenSingleTab) return true;
var cpt=0;
story.forEachTiddler(function(){cpt++});
return (cpt>1);
},
selectNextTab : function(){ //used when the current tab is closed (to select another tab)
var previous="";
story.forEachTiddler(function(title){
if (!config.macros.tiddlersBar.currentTiddler) {
story.displayTiddler(null,title);
return;
}
if (title==config.macros.tiddlersBar.currentTiddler) {
if (previous) {
story.displayTiddler(null,previous);
return;
}
else config.macros.tiddlersBar.currentTiddler=""; // so next tab will be selected
}
else previous=title;
});
},
onSelectTab : function(e){
var t = this.getAttribute("tiddler");
if (t) story.displayTiddler(null,t);
return false;
},
onTabClose : function(e){
var t = this.getAttribute("tiddler");
if (t) {
if(story.hasChanges(t) && !readOnly) {
if(!confirm(config.commands.cancelTiddler.warning.format([t])))
return false;
}
story.closeTiddler(t);
}
return false;
},
onTabSave : function(e) {
var t = this.getAttribute("tiddler");
if (!e) e=window.event;
if (t) config.commands.saveTiddler.handler(e,null,t);
return false;
},
onSelectedTabButtonClick : function(event,src,title) {
var t = this.getAttribute("tiddler");
if (!event) event=window.event;
if (t && config.options.txtSelectedTiddlerTabButton && config.commands[config.options.txtSelectedTiddlerTabButton])
config.commands[config.options.txtSelectedTiddlerTabButton].handler(event, src, t);
return false;
},
onTiddlersBarAction: function(event) {
var source = event.target ? event.target.id : event.srcElement.id; // FF uses target and IE uses srcElement;
if (source=="tiddlersBar") story.displayTiddler(null,'New Tiddler',DEFAULT_EDIT_TEMPLATE,false,null,null);
},
createActiveTabButton : function(place,title) {
if (config.options.txtSelectedTiddlerTabButton && config.commands[config.options.txtSelectedTiddlerTabButton]) {
var btn = createTiddlyButton(place, title, config.commands[config.options.txtSelectedTiddlerTabButton].tooltip ,config.macros.tiddlersBar.onSelectedTabButtonClick);
btn.setAttribute("tiddler", title);
}
else
createTiddlyText(place,title);
}
}
story.coreCloseTiddler = story.coreCloseTiddler? story.coreCloseTiddler : story.closeTiddler;
story.coreDisplayTiddler = story.coreDisplayTiddler ? story.coreDisplayTiddler : story.displayTiddler;
story.closeTiddler = function(title,animate,unused) {
if (title==config.macros.tiddlersBar.currentTiddler)
config.macros.tiddlersBar.selectNextTab();
story.coreCloseTiddler(title,false,unused); //disable animation to get it closed before calling tiddlersBar.refresh
var e=document.getElementById("tiddlersBar");
if (e) config.macros.tiddlersBar.refresh(e,null);
}
story.displayTiddler = function(srcElement,tiddler,template,animate,unused,customFields,toggle){
story.coreDisplayTiddler(config.macros.tiddlersBar.tabsAnimationSource,tiddler,template,animate,unused,customFields,toggle);
var title = (tiddler instanceof Tiddler)? tiddler.title : tiddler;
if (config.macros.tiddlersBar.isShown()) {
story.forEachTiddler(function(t,e){
if (t!=title) e.style.display="none";
else e.style.display="";
})
config.macros.tiddlersBar.currentTiddler=title;
}
var e=document.getElementById("tiddlersBar");
if (e) config.macros.tiddlersBar.refresh(e,null);
}
var coreRefreshPageTemplate = coreRefreshPageTemplate ? coreRefreshPageTemplate : refreshPageTemplate;
refreshPageTemplate = function(title) {
coreRefreshPageTemplate(title);
if (config.macros.tiddlersBar) config.macros.tiddlersBar.refresh(document.getElementById("tiddlersBar"));
}
ensureVisible=function (e) {return 0} //disable bottom scrolling (not useful now)
config.shadowTiddlers.StyleSheetTiddlersBar = "/*{{{*/\n";
config.shadowTiddlers.StyleSheetTiddlersBar += "#tiddlersBar .button {border:0}\n";
config.shadowTiddlers.StyleSheetTiddlersBar += "#tiddlersBar .tab {white-space:nowrap}\n";
config.shadowTiddlers.StyleSheetTiddlersBar += "#tiddlersBar {padding : 1em 0.5em 2px 0.5em}\n";
config.shadowTiddlers.StyleSheetTiddlersBar += ".tabUnselected .tabButton, .tabSelected .tabButton {padding : 0 2px 0 2px; margin: 0 0 0 4px;}\n";
config.shadowTiddlers.StyleSheetTiddlersBar += ".tiddler, .tabContents {border:1px [[ColorPalette::TertiaryPale]] solid;}\n";
config.shadowTiddlers.StyleSheetTiddlersBar +="/*}}}*/";
store.addNotification("StyleSheetTiddlersBar", refreshStyles);
config.refreshers.none = function(){return true;}
config.shadowTiddlers.PageTemplate=config.shadowTiddlers.PageTemplate.replace(/<div id='tiddlerDisplay'><\/div>/m,"<div id='tiddlersBar' refresh='none' ondblclick='config.macros.tiddlersBar.onTiddlersBarAction(event)'></div>\n<div id='tiddlerDisplay'></div>");
//}}}
----
@@color:#cccccc;
I great many Thanks to the Creators and developers of [[TiddlyWiki|http://www.tiddlywiki.com/]]!!
__Pluggins:__
Tiddly Tab Bar Pluggin - Visual TW
Nested Slidders Pluggin -Tiddly Tools
@@
----
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/2.Headed.Giant.jpg" width="50%" alt="image"></td></tr>
</center>
</html>
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
----
<html>
<center>
<tr><td valign ="top" align="center"><img src="Images/Scn-TheCastle.jpg" width="40%" alt="image"></td></tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/WizardsBash/WBLocationDesign.jpg" width="45%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/WizardsBash/TheWizardsBashV1.jpg" width="55%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/WizardsBash/TheWizardsBashV1.jpg" width="38%" alt="image"></td>
<td valign ="top" align="center">        </td>
<td valign ="top" align="center"><img src="Images/WizardsBash/TheWizardsBashV2.jpg" width="40%" alt="image"></td>
</tr>
</center>
</html>
----
<html>
<center>
<tr>
<td valign ="top" align="center"><img src="Images/WizardsBash/TheWizardsBashV2.jpg" width="55%" alt="image"></td>
</tr>
</center>
</html>
----
<<tabs txtRemember
Wizards_Bash "Wizards Bash" [[WB View 1 2]]
Location_Design "Location" [[WB Location]]
>>
[[About]]
[[Galleries]]
[[Home]]
[[アバウト]]
[[ギャラリーズ]]
[[ホーム]]
<<gradient vert rgb(110,65,125) rgb(0,30,50)'>>
ショーンブリックネルは、東京を拠点とするアーティスト/ゲームデザイナー/ゲームプランナーです。
日本とは異なる、欧米人ユーザー/欧米マーケットを十分理解した上で、制作における様々なアドバイスをする事が可能です。
欧米人ならではのアプローチの仕方でゲーム制作をする事が可能です。
▼２Dイラストレーション及びコンセプトデザイン
- メカ関連及び戦車、スペ-スシップ、戦闘機などのデザイン
- オブジェクト及びアイテムのデザイン
- レイアウト及びバックグラウンド
- キャラクターデザイン
- クリチャーデザイン
▼ゲーム/ストーリーライティング
- ゲームデザインドキュメントの作成
- 世界観設定（キャラクター設定、バックグラウンド設定、場面設定など）
- ストーリー構成及びシナリオ作成
▼欧米マーケット向け制作アドバイザー
日本語でのお問い合わせも可能です。 お仕事のご依頼は、お気軽にご相談下さい。
ショーン ブリックネル
<html>
<center>
<img src="centre_stage.jpg" width="400px" alt="recent">
</center>
</html>
<<tabs txtCookie
アバウト "アバウト" [[アバウト]]
ギャラリーズ "ギャラリーズ" [[ギャラリーズ]]
ホーム " ホーム" [[ホーム]]
>>